// JavaScript Document

$(document).ready(function() {
	
	var titles 		= [];
	var captions 	= [];
	var urls 		= [];
	var images 		= [];
	
	var imageWidth = 320;
	var imageLeft = 320;
	
	if($.browser.msie){
		imageWidth = 321;
		imageLeft = 319;
	}
	
	var maxLeft;
	var noOfImages;
	
	var intervalDone = 0;

	var url = "";

	
	/*var pageId = "52898dc8-1a2e-4eda-9e4c-b2bb6d874065";
	url = "http://w3svc486.production.netstarter.com.au";*/
	
	
	//Local Values
	/*var pageId = "84d195fb-b120-4120-a70c-fecc401dd44d";
	url = "http://w3svc486.staging2-sl.netstarter.com.au:81";*/

	$.loadXML(url, xmlCallback, pageId);
	
	function xmlCallback(xml)
	{
		
		if(!(xml instanceof jQuery))
		{
			xml = $(xml);
		}
		
		noOfImages = xml.find('TemporaryTable').length;
		
		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());
		});
		
		
		for(var i = 0; i <noOfImages ; i++){
			
			var imageChilds ="<li><div class='listContent'><a href='"+ urls[i] +"'><img src='"+ images[i] +"'  border='0' /></a></div> <div class='bottomCaption'> <h4 class='jQbanner'>"+ titles[i] +"</h4></div></li> ";

			/*if(i==0){
				imageChilds = "<li class='currentImage'><img src='"+ images[i] +"'/></li>";
			}else{
				imageChilds = "<li><img src='"+ images[i] +"'/></li>";
			}*/
				
			$('#imageSet').append(imageChilds);
			
			Cufon.replace('h4.jQbanner', { hover: true, fontFamily: 'OptusDINCond-Bold',textShadow: '1px 1px #b4dea6' });

		}
		
		$('#imageSet').css({width:imageWidth*noOfImages});
		$('#imageSet').css({left:0});
		maxLeft = imageWidth*noOfImages;
		
		
		var refreshIntervalId;
		
		var varName = function(){
			intervalDone++;
			if(intervalDone > 1){
				moveLeft();
			}
		};
		
		defineInterval();
		function defineInterval(){
			refreshIntervalId = setInterval(varName, 3000);
		}
		
		
		definePlayNextButtons();
		function definePlayNextButtons(){
			
			$('.rightArrow').click(function(){
				clearInterval(refreshIntervalId);
				defineInterval();
				$('.rightArrow').unbind('click');
				$('.leftArrow').unbind('click');
				moveLeft();
			});
			
			$('.leftArrow').click(function(){
				clearInterval(refreshIntervalId);
				defineInterval();
				$('.rightArrow').unbind('click');
				$('.leftArrow').unbind('click');
				moveRight();
			});
		}
		function moveLeft(){
			
			if($('#imageSet').position().left > - (((noOfImages-3)*imageWidth)-noOfImages)){
				
				$('#imageSet').animate({
					left: ($('#imageSet').position().left - imageWidth)
				},400, function(){
					definePlayNextButtons();
				});
				
			}else{
				$('#imageSet').animate({
					left: (0)
				},800,function(){
					intervalDone = 0;
					definePlayNextButtons();
				});
				
				
			}
			
		}
		
		function moveRight(){
			
			if($('#imageSet').position().left < -noOfImages){
				$('#imageSet').animate({
					left: ($('#imageSet').position().left + imageLeft)
				},400, function(){
					definePlayNextButtons();
				});
			} else{
				definePlayNextButtons();
			}
			
			
		}
		
		
	}


	

});