$(document).ready(function() { 

var xmp = "/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 speed = 8000;
var timer;


function parseXml(xml) 
{
	
	$(window).bind('resize', function() {scaleit()});
	
	
		
		$(xml).find("slide").each(function() {		
		imgArray.push({button:$(this).find("button").text(),backimage:$(this).find("backimage").text(),topimage:$(this).find("topimage").text(),launchsite:$(this).find("launchsite").text(),moreinfo:$(this).find("moreinfo").text()})
		})
		
		alen = imgArray.length;
		
		$('#HeaderBannerContainer').append('<div id="HeaderBannerContainer_Inner"></div>');		
		$('#HeaderBannerContainer_Inner').append('<div id="homeBannerBackground"><ul id="homeBannerBackgroundUL"/></div>')
		
		$('#homeBannerBackgroundUL').append('<li name="menu"  style="background-image:url(/Images/homebanner/homeWhiteMenuBackground.png)"><div id="bannerHeaderMenu"  ></div></li>');	
		
		$('#homeBannerBackgroundUL').append('<li name="slider"  style="background-image:url(/Images/homebanner/sliderBack.png)"><div id="bannerSlider"><img id=bannerSliderImg src="/Images/homebanner/point.png"/><img id=timeslider src="/Images/homebanner/timeslider.png"/></div></li>');
		
		for(var i=0; i<alen;i++)
		{	
			var links;
		
			if(i==0)
			{
				links= '<a href="'+imgArray[i].moreinfo+'"><div id="ecbanner"></div></a>';

			}
			
			else if(imgArray[i].launchsite + "~" == "~")
			{
				links= '<div class="galLink" style="margin-left:770px;"><a href="'+imgArray[i].moreinfo+'">MORE INFO</a></div>';
			}
			else
			{
				links = '<div class="galLink"><a href="'+imgArray[i].launchsite+' " target="_blank">LAUNCH SITE</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="'+imgArray[i].moreinfo+'">MORE INFO</a></div>';
			}
						
			 $('#homeBannerBackgroundUL').append('<li name="li'+i+'" style="background-image:url('+imgArray[i].backimage+')">'+links+'</li>');	
			 
			 $('#homeBannerBackgroundUL li[name="li'+i+'"]').css('opacity','0');
			 //$('#homeBannerBackground li[name="menu"]').append('<img class="homeBannerButton" name='+i+' src="'+imgArray[i].button+'"/>');
			//if(alen-1 != i) $('#homeBannerBackground li[name="menu"]').append('<img src="Images/homebanner/homeWhiteMenuDevider.png"/>')	
			
			if(alen-1 != i)$('#bannerHeaderMenu').append('<div><img class="homeBannerButton" name='+i+' src="'+imgArray[i].button+'"/><img style="float:left;" src="Images/homebanner/homeWhiteMenuDevider.png"/></div>');
			else $('#bannerHeaderMenu').append('<div><img class="homeBannerButton" name='+i+' src="'+imgArray[i].button+'"/></div>');
			
					
		}
		
			//$('#homeBannerBackgroundUL').append('<li name="slider"  style="background-image:url(Images/homebanner/homeWhiteMenuBackground.png)"><div id="bannerHeaderMenu"  ></div></li>');	
		
			//$('#homeBannerBackgroundUL li').css('opacity','0');
		
			$('#homeBannerBackgroundUL li[name="menu"]').css('z-index','9999').css('margin-Top','317px');
			$('#homeBannerBackgroundUL li[name="slider"]').css('z-index','9998').css('margin-Top','306px');
			//.css('margin-Top','500px');
		
		$('.homeBannerButton').animate({opacity:0.2,marginTop:0	}, 0);
		$('.homeBannerButton').mouseover(function() {
			tn = $(this).attr('name');
			mt = 10;
			if(tn != cn)
			{
				$(this).stop().animate({opacity:1	}, 500);			
				$('#bannerSliderImg').stop().animate({marginLeft:(tn*191)+95}, 500,'jswing');
				//$(this).animate({opacity:1,marginTop:5	},{duration:500,queue:false});			
				//$('#bannerSliderImg').animate({marginLeft:(tn*191)+95},{duration:500,easing:'jswing',queue:false});
			}
				
		})
		$('.homeBannerButton').mouseout(function() {
			
			
			tn = $(this).attr('name');	
			if(tn != cn)
			{
				$(this).stop().animate({opacity:0.2,marginTop:0}, 500);
				//$(this).animate({opacity:0.2,marginTop:0},{duration:500,queue:false});		
				$('#bannerSliderImg').stop().animate({marginLeft:(cn*191)+95}, 500,'jswing');
				//$('#bannerSliderImg').animate({marginLeft:(cn*191)+95},{duration:500,easing:'jswing',queue:false});
			}
		})
		
		$('.homeBannerButton').click(function() {	
		
		
			if(tn != cn)	
			{
			
			window.clearInterval(timer);
		
			moveit($(this).attr('name'));
			
			timer = window.setInterval(function(){
			 next(cn)
			}, speed);
			}		
		})
		
		$('#HeaderBannerContainer').append('<div id="homeBanner">ss</div>');
		
		 next(cn)
		 
		timer = window.setInterval(function(){
			 next(cn)
			}, speed);
		Cufon.replace('.galLink', { fontFamily: 'Proxima Nova', color:'#00b9b3'});
	Cufon.replace('.galLink a', { fontFamily: 'Proxima Nova', color:'#00b9b3'});
		
		
}

var sss = 2;

function moveit(n)
{
	
	sss++;
	var nn = Math.abs(n);

	$('#homeBannerBackgroundUL li[name="li'+nn+'"]').css('opacity','0').css('z-index',sss)
	//$('#homeBannerBackgroundUL li[name="li'+cn+'"]').css('z-index','9997');


	$('#homeBannerBackgroundUL li[name="li'+nn+'"]').animate({opacity:1},{duration:400, queue:false,complete: function() {
			//$('#homeBannerBackgroundUL li[name="li'+cn+'"]').css('z-index','9996');
			//$('#homeBannerBackgroundUL li[name="li'+nn+'"]').css('z-index','9997');			
		}});
	
	$('img[name="'+nn+'"]').animate({opacity:1,marginTop:0},{
		duration:500,
		queue:false
	});
	$('img[name="'+cn+'"]').animate({opacity:0.2,marginTop:0},{
		duration:500,
		queue:false
	});
	
	var cp1 = (((nn-1)*191)+85);
	var cp2 = (((nn)*191)+85);
	
	if(n==0)
	{
		cp1 = -20;
		//cp2 = 85;
	}
	
	$('#timeslider').css('margin-left',cp1+'px');
	cn = nn;
	
	var du;
	if(nn == 0) du = 130000;
	else if (nn == 1) du = 60000;
	else if (nn == 2) du = 44000;
	else if (nn == 3) du = 28000;
	else if (nn == 4) du = 8000;
	//else if (nn == 5) du = 8000;
	
	//$('#timeslider').animate({marginLeft:cp2}, 8000,function() {next(nn)});
	/*$('#timeslider').animate({marginLeft:cp2},{
		duration:8000,
		queue:false,
		complete: function() {
			next(nn)
		}});*/
		//$('#timeslider').animate({marginLeft:cp2+10},{
		$('#timeslider').animate({marginLeft:863},{
		duration:du,
		//duration:9000,
		queue:false/*,
		complete: function() {
			next(nn)
		}*/});
	//alert($('#homeBannerBackground li[name="'+n+'"]'));
	
	
}

function next(s)
{
	s++;
	if(s >= 5) s = 0;
	moveit(s);
	//$('#bannerSliderImg').stop().animate({marginLeft:((Math.abs(cn)*191)+95)},500);
	$('#bannerSliderImg').animate({marginLeft:((Math.abs(cn)*191)+95)},{duration:500,queue:false});
	
}

function nextSlide()
{
	 moveit(cn);
	
}

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

var mt;
var cn = 4;
var tn;

function scaleit()
{
	if($(window).width() <= 1120)
	{
		var tn = $(window).width();
		tn = Math.round(tn);
		if(tn < 1000) tn = 1000;		
		//$('#homeBannerBackground div').css('width',tn + "px");
		//$('#homeBannerBackground img').css('marginLeft',(tn-1000)/2 + "px");

	}
}