$(document).ready(function() { 


var xmp = "/includes_templates/processmanagement/extract/media/photogallery/images.aspx?SitemediacategoryId=0a7e6872-9105-46b1-90ca-96fcb35e9b35";
//var xmp = "/includes_templates/processmanagement/extract/media/photogallery/images.aspx?SitemediacategoryId=847a4ac1-c41a-4f74-8e3c-a8e03eca7dc8";
//if ( $.browser.msie ) { xmp = "http://www.sagarteas.com/homeHeader.xml";}

		$.ajax({
		type: "GET",
		//url: "images.aspx.xml",
		url:xmp,
		dataType: "xml",
		success: function(xml) {
			parseXml(xml);
			
		}
	});
});

var pageidarray = [];	
var imgArray = [];
var alen = 0;
var cpage=0;

var cn = 0;


function parseXml(xml) 
{		
		
		$(xml).find("TemporaryTable").each(function() {	
		
		var ss = $(this).find("Caption").text();
		var hh = ss.split("~");
			
		imgArray.push({LargeFileName:$(this).find("LargeFileName").text(),Title:$(this).find("Title").text(),Head:hh[0],Caption:hh[1],url:$(this).find("URL").text()})
		
		})
		
		
		$('#JQueryBannerContianer').html('<div id="headerBannerText"></div>');		
		$('#JQueryBannerContianer').append('<div id="headerbannerImage"></div>');
		$('#JQueryBannerContianer').append('<div id="balls"></div>')
		
		alen = imgArray.length;
		on = alen-1;
		
		for(var i=0;i<alen;i++)
		{
			$('#balls').append('<img name='+i+' style="margin-left:'+(i*24)+'px" src="/Images/ashBall.png"/>')
			
			//$('#JQueryBannerContianer').append('<div class="homeGalTab"><div class="headerBannerText"><div class="headerTitle">'+imgArray[i].Title+'</div><div class="headerMid"><img src="/Images/homeBannerText.png"/></div><div class="headerCaption">'+imgArray[i].Caption+'</div><a href="'+imgArray[i].url+'"><div class="homeGalButton"><img src="/Images/viewMoreRoll.png"/><img src="/Images/viewMore.png"/><img class="homearr" src="/Images/viewMoreArr.png"/></div></a></div><div class="headerbannerImage"><img src='+imgArray[i].LargeFileName+' /></div></div>');
					
			
		}
		
	
	
			
		$('#balls').append('<img name=c src="/Images/redBall.png"/>')
		$('#balls img').click(function()
		{
			var n = ($(this).attr('name'));
			if(n!="c")
			{				
				moveit(n)
			}
		})
		
		
		
		
		 moveit(0)
}

var on;

function moveit(n)
{
	
	$('#balls img[name="c"]').animate({opacity:0},{duration:400, queue:false,complete: function() {
		$('#balls img[name="c"]').css('margin-left',(n*24)+'px');
		$('#balls img[name="c"]').animate({opacity:1},{duration:400, queue:false});
		}});
	
	var pic = new Image();
	var he = '<div class="headerTitle">'+imgArray[n].Title+'</div><div class="headerHead">'+imgArray[n].Head+'</div></br><div class="headerCaption">'+imgArray[n].Caption+'</div><a href="'+imgArray[n].url+'"><div class="homeGalButton"><img src="/Images/viewMoreRoll.png"/><img src="/Images/viewMore.png"/><img class="homearr" src="/Images/viewMoreArr.png"/></div></a>'
	
	if($("#headerbannerImage").children().length > 2)$(".homeGalTab").eq($("#headerbannerImage").children().length-3).remove();
	
	$(pic).load(function()  
	{
		
		
		
		$('#headerbannerImage').append('<div class="homeGalTab"><img src="'+pic.src+'"/><div class="headerBannerText"/><img src="'+pic.src+'"/></div>');
		

		$('.homeGalTab:eq('+($("#headerbannerImage").children().length-1)+') img').css("opacity","0");
		
		$('.homeGalTab:eq('+($("#headerbannerImage").children().length-1)+') img:eq(0)').stop().animate({opacity:1}, 500,function(){});
		loadNextText();

			
	})	
	pic.src =imgArray[n].LargeFileName;
	
	function loadNextText()
	{
		$('.homeGalTab:eq('+($("#headerbannerImage").children().length-1)+') img:eq(1)').css("opacity",1);
		
		$('.homeGalTab:eq('+($("#headerbannerImage").children().length-1)+') img:eq(1)').animate({opacity:0}, 800,function(){$(this).remove()});
		
		$('.homeGalTab:eq('+($("#headerbannerImage").children().length-1)+') .headerBannerText').append(he);
		
		
	
	setButton();
	}

	on = n;

	cpage = n;
	
}

var cpage;

function trace(m) {
	//console.log(m);
}

function setButton()
{
	Cufon.replace('.headerTitle',{fontFamily:'Futura LT Medium'});
	Cufon.replace('.headerHead',{fontFamily:'Helvetica Neue'});
		$('.homearr').css('margin-left','105px').css('margin-top','10px');
	
	$('.homeGalButton').mouseover(function() {
		
		$('.homearr').stop().animate({marginLeft:115}, 500,'');
		$(this).find('img:eq(1)').stop().animate({opacity:0}, 500,'');
		
		})
	$('.homeGalButton').mouseout(function() {$('.homearr').stop().animate({marginLeft:105}, 500,'');
		$(this).find('img:eq(1)').stop().animate({opacity:1}, 500,'');
	})
	
	window.clearInterval(timer);
	timer = window.setInterval(function(){
	cpage++;
	if(cpage == alen) cpage = 0;	
	moveit(cpage)
			}, 10000);
}

var timer;