$(document).ready(function(){

	var titles 					= [];
	var captions 				= [];
	var urls 					= [];
	var images 					= [];
	
	var currentImgNo			= 0;
	var preImgNo;
	
	var $imageHolder = $('#imageHolder');
	var $bulletNavigation = $('#bulletNavigation');
	
	var url = "";
	//url = "http://w3svc868.production.netstarter.com";
	
	var documentWidth = $(window).width();
	var imageWidth = 2000;
	
	$.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 ulChild ="";
			var imageChilds ="";
			var captionSet ="";
			var seeButton ="";
			var $finalCaption = "";
			
			
			//imageChilds = "<img src='"+ images[i] +"' border='0' />";
			var splittedTitle = titles[i].split("|");
			
			if(urls[i] != ""){
				var splittedURLValue = urls[i].split("|");
				seeButton = "<div class='urlHolder'><div class='leftText'></div><div class='linkText'></div><div class='urlText'><a href='"+ splittedURLValue[1] +"'>"+ splittedURLValue[0] +"</a></div><div class='linkArrow'></div></div>";
			}
			
			/*if(captions[i].html().find("<br/>")){
				console.log("found");
			}*/
			
			var $splitedTextContet = captions[i].split(" ");
			var noOfPositions = $splitedTextContet.length;
			var captionPosVal = 0;
			
			for(var j=0 ; j < noOfPositions ; j++){
				var $captionText = $splitedTextContet[j];
				
				if (($captionText.match("&lt;br/&gt;"))) {
					$finalCaption = $finalCaption +" <br />";
					
					captionPosVal++;			
				}else{
					$finalCaption = $finalCaption +" "+$splitedTextContet[j];
				}
				
			}
			captionSet = "<div class='textHolder'><div class='caption'><h4>"+ splittedTitle[0] +"</h4></div><div class='bottomCaption'><p>"+ $finalCaption +"</p>"+ seeButton +"</div></div>";
			
			//ulChild = "<li>"+ imageChilds + captionSet +"</li>";
			ulChild = "<li style='background:url("+ images[i] +") no-repeat top center "+ splittedTitle[1] +";'>"+ captionSet +"</li>";
			
			var bulletChilds = "<li><a class='changeSlide' href='javascript:void(0);' rel='"+ i +"'><img src='/Images/blank.png' border='0' /></a></li>";
			
			
			$imageHolder.append(ulChild);
			$bulletNavigation.append(bulletChilds);
			
			$bulletNavigation.children().eq(0).addClass('selected')
			
			if(i!=0){
				$imageHolder.children().eq(i).css("top",-$imageHolder.innerHeight());
				/*$imageHolder.children().eq(i).animate({
					opacity:0
				});*/
				
				$imageHolder.children().eq(i).fadeOut();
			}
			var left = ($(window).width()-$imageHolder.children().eq(i).innerWidth());
			var textWidth = $imageHolder.children().eq(i).find('.urlText').width();
			
			$imageHolder.children().eq(i).find('.urlHolder').css("width",textWidth+120);
			$imageHolder.children().eq(i).css("left",left/2);
		}
		//Cufon.replace('h4', { hover: true, fontFamily: 'Ronnia' });
		
		$bulletNavigation.css("left",((documentWidth-960)/2)+635);
		$bulletNavigation.css("width",23*noOfImages);
		
		$('.bottomCaption p').animate({opacity:0.75});
		
		$(window).bind('resize', function() {
			$bulletNavigation.css("left",(($(window).width()-960)/2)+635);
		})
		
		var refreshIntervalId;
		var varName = function(){
			preImgNo = currentImgNo;
			changeSlideNumber();
			animateNext();
		};
		defineInterval();
		function defineInterval(){
			refreshIntervalId = setInterval(varName, 5000);
		}
		
		
		$('.changeSlide').click(function(){
			preImgNo = currentImgNo;
			currentImgNo = $(this).attr('rel');
			if(preImgNo != currentImgNo){
				animateNext();
				clearInterval(refreshIntervalId);
				defineInterval();
			}
				
		});


		function animateNext(){

			/*$imageHolder.children().eq(preImgNo).animate({
				opacity:0
			},500,function(){
				//$imageHolder.children().eq(preImgNo).css("top",-$imageHolder.innerHeight());
				$imageHolder.children().eq(preImgNo).css("z-index",0);
			});*/
			
			$imageHolder.children().eq(preImgNo).fadeOut(function(){
				//$imageHolder.children().eq(preImgNo).css("top",-$imageHolder.innerHeight());
				$imageHolder.children().eq(preImgNo).css("z-index",0);
			});

			$bulletNavigation.children().eq(preImgNo).removeClass();
			$bulletNavigation.children().eq(currentImgNo).addClass('selected');
			
			$imageHolder.children().eq(currentImgNo).css("top",0);
			$imageHolder.children().eq(currentImgNo).css("z-index",999);
			
			/*$imageHolder.children().eq(currentImgNo).animate({
				opacity:1
			},500);*/
			
			$imageHolder.children().eq(currentImgNo).fadeIn();
		}
		
		function changeSlideNumber(){
			if(currentImgNo < noOfImages-1){
				currentImgNo++;
			}else{
				currentImgNo = 0;
			}
		}
		

	}

//coloboxInitialize();

});