// JavaScript Document

var noOfImages;
var preBulletSlot = 0;
var currentBulletSlot = 0;
var currentImgSlot = 0;
var nextBulletSlot = 1;
var bulletNavClicked = false;
var sliderAnimateValue ;
var animateDivWidth = 756;
var timerIntervalValue = 6000;
var fadeInOutValue = 1500;
var fadeInOutSmallValue = 1000;

var titles 		= [];
var captions 	= [];
var urls 		= [];
var images 		= [];
var dataField1	= [];


$(document).ready(function(){
	
	var $imageHolder = $('#imageHolder');
	var $timerNavigation = $('#timerNavigation');
	
	//Live Path
	//$.loadXML("", xmlCallback, pageId);
	//related media
	$.loadXML("/Includes_Templates/ProcessManagement/Extract/Media/RelatedMedia/PageList.aspx", xmlCallback);
	
	
	function xmlCallback(xml)
	{
		if(!(xml instanceof jQuery))
		{
			xml = $(xml);
		}
		
		noOfImages = xml.find("TemporaryTable").length;
		sliderAnimateValue = Math.floor(animateDivWidth/noOfImages)
		//gallery
		/*xml.find('TemporaryTable').each(function(){
			titles.push($(this).find('Title').text());
			captions.push($(this).find('Caption').text());
			urls.push($(this).find('URL').text());
			images.push($(this).find('LargeFileName').text());
			dataField1.push($(this).find('DataField1').text());
		});*/
		
		//related media
		xml.find('TemporaryTable').each(function(){
			titles.push($(this).find('Title').text());
			captions.push($(this).find('Description').text());
			urls.push($(this).find('LinkToURL').text());
			images.push($(this).find('Href').text());
			dataField1.push($(this).find('smDataField1').text());
		});
		
		
		
		for(var i=0 ; i < noOfImages ; i++){
			
			/*if(i==0)
			{
				var $li = "<li class='first' style='background:url("+ images[i] +") no-repeat top center "+ dataField1[i] +"; display:none;'><div class='caption'><p class='captionDescription'>"+ captions[i] +"</p></div></li>";
			}else
			{
				var $li = "<li style='background:url("+ images[i] +") no-repeat top center "+ dataField1[i] +"; display:none;'><div class='caption'><p class='captionDescription'>"+ captions[i] +"</p></div></li>";
			}*/
			
			var captionText = captions[i].replace("/n"," <br /> ")
			//console.log(captionText);
			
			var $li = "<li style='background:url("+ images[i] +") no-repeat top center "+ dataField1[i] +"; display:none;'><div class='caption'><pre><p class='captionDescription'>"+ captionText +"</p></pre></div></li>";
			
			
			
			
			$imageHolder.append($li);
			
			if(urls[i] != ""){
				if(titles[i]=="Competition")
				{
					$imageHolder.children('li').eq(i).find('.caption').append('<a class="enterNow" href="'+ urls[i] +'"></a>');
				}else
				{
					$imageHolder.children('li').eq(i).find('.caption').append('<a class="findOutMore" href="'+ urls[i] +'"></a>');
				}
				
			}
			
			if(i<9){
				var $liBullet = "<li><a href='javascript:void(0)' class='bulletNavLinks'>0"+ parseInt(i+1) +"</a></li>";
			}else{
				var $liBullet = "<li><a href='javascript:void(0)' class='bulletNavLinks'>"+ parseInt(i+1) +"</a></li>";	
			}
			
			$timerNavigation.append($liBullet);
		}
		
		Cufon.replace('.captionDescription', { hover: false, fontFamily: 'Helvetica Neue lt' });
		//Cufon.replace('.bulletNavLinks', { fontFamily: 'Helvetica Neue Med' });
		
	//	$imageHolder.children('li').fadeIn();
		$('#timerNavigation li').css("width",sliderAnimateValue-1)
		$('#homePageBannerContainer').append('<div class="timerBarHolder"><div class="timerBar"> </div></div>');
		
		$timerNavigation.css("width",sliderAnimateValue*noOfImages);
		//Start Once image Completely loads
		
		
		//$('.timerBarHolder').css("width",sliderAnimateValue*noOfImages);
		
		setTimeout(function(){
		
			$timerNavigation.animate({marginTop:0},2000,'easeInOutExpo',function(){
				var img = new Image();
				$(img).load(function(){
					animateNextSlide();
					//loadOtherImages();
				})
				.attr('src', images[0]);
				
					
				});//easeInOutExpo
		},100)
		
		$timerNavigation.children('li').eq(noOfImages-1).css("border",0);
		$timerNavigation.children('li').eq(0).children('a').addClass('selected');
		
		
		function loadOtherImages(){
			
			
			for(var j=1;j<noOfImages;j++){
				var loadOtherImg =  new Image();
				$(loadOtherImg).load(function(){
					
				})
				.attr('src', images[j]);	
			}
		}
		
		
		var refreshIntervalId;
		var varName = function(){
			//animateNextBullet();
			//animateNextSlide();
			
		};
		
		
/*		function defineInterval(){
			refreshIntervalId = setInterval(varName, 3500);
		}*/
		
		
		function animateNextBullet(){
			
			currentBulletSlot++;
			
			if(currentBulletSlot >= noOfImages){
				currentBulletSlot = 0;
				$('.timerBar').css("width",0)
			}
			$('.timerBar').animate({"width":sliderAnimateValue*currentBulletSlot},{duration:timerIntervalValue,easing:'linear',queue:false});
		}
		currentImgSlot = -1;
		function animateNextSlide(){
				
				//clearInterval(refreshIntervalId);
				
				$('#imageHolder li').eq(currentImgSlot).fadeOut(fadeInOutValue);
				if(currentImgSlot == noOfImages-1) currentImgSlot = -1;
				t(currentImgSlot);
				currentImgSlot++;
				
			

				//console.log(currentImgSlot);
				//css fix
				$('.bulletNavLinks.active').removeClass('active');
				$('.bulletNavLinks:eq('+currentImgSlot+')').addClass('active');
				
				
				/*if(currentImgSlot >= noOfImages){
					currentImgSlot = 0;
				}
				*/
				for(var i=0 ; i < noOfImages ; i++){
					$timerNavigation.children('li').eq(i).children('a').removeClass('selected');
					if(i<=currentImgSlot) $timerNavigation.children('li').eq(i).children('a').addClass('selected');
				}
				
				t(currentImgSlot);
					t("-----");
				tm++;
				$('#imageHolder li').fadeOut(fadeInOutSmallValue);
				$('#imageHolder li').eq(currentImgSlot).css('z-index',tm);
				$('#imageHolder li').eq(currentImgSlot).fadeIn(fadeInOutValue);
			
				
				bnumber = currentImgSlot+1;
				if(bnumber == noOfImages) bnumber = 0;
				
				//$('.timerBar').css("width",151*(currentImgSlot))0
				
				$('.timerBar').animate({width:sliderAnimateValue*(currentImgSlot+1)},/*3500*/timerIntervalValue,'linear',function(){animateNextSlideFunction()});
				

		}
		
		function animateNextSlideFunction()
		{
				var backcurrentImgSlot = currentImgSlot+1;
				if(backcurrentImgSlot >= noOfImages) backcurrentImgSlot = 0;
				
				$('.timerBar').css("width",sliderAnimateValue*(backcurrentImgSlot));
				
				var img = new Image();
				
				$(img).load(function() {
					//alert(bnumber + " - " + backcurrentImgSlot)
					if(bnumber == backcurrentImgSlot)animateNextSlide();	//
					
					/*var imgT = new Image();
					$(imgT).load().attr('src',images[backcurrentImgSlot])*/
				
				}).attr('src',images[backcurrentImgSlot]);
			
		}
		
		var tm=100;
		var bnumber;
		
		createButtons();
		function createButtons(){
			$('.bulletNavLinks').bind('click', function() {
				if(currentImgSlot != parseInt($(this).parent().index())){
					
					$('.timerBar').stop();
					currentImgSlot = ($(this).parent().index()-1);
					
					bnumber = currentImgSlot +1;
					animateNextSlideFunction();
					
					
				}
					
				
			});
		}
			

		
		//console.log($('body:not("#headrRightTop")'));
		
		$('#MainBodyContainerHome').click(function(){
			//console.log($(this))
			if ($(".contryBtn").hasClass("contryBtnActive")){
				console.log($(".contryBtn").attr('class'));
				$('.contryBtn').trigger('click');
			}
			
			
			/*if ($(".contryBtn").hasClass("contryBtnActive")) {
				$('.contryList').animate({ marginTop: -50},400);
				$(this).removeClass('contryBtnActive');
				$('#search').css('zIndex','1002');
				//e.preventDefault();
			} */
		});
	}
	
});

function t(s)
{
	//console.log(s)
}