$(document).ready(function(){

	var titles 					= [];
	var captions 				= [];
	var urls 					= [];
	var images 					= [];
	
	var currentImgNo			= 0;
	var preImgNo;
	var $vimeoFrameCode = "";
	
	var $imageHolder = $('#imageHolder');
	var $bulletNavigation = $('#bulletNavigation');
	
	var url = "";
	//url = "http://w3svc949.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 ="";
			var $li = "";
			var $img = "";
			var $titleFirst = "";
			var $titleSecond = "";
			var $titles = "";
			var $caption = "";
			var $url = "";
			
			
			/*if(urls[i].indexOf("|") > 0){
				var splittedURL = urls[i].split("|");
				if(splittedURL[0] = "vimeo"){
					$url = "<div class='vimeoPlayVideo'><a href='javascript:void(0);' class='playVimeoVideo'><img src='Images/watch-video.png' border='0' /></a></div>";
					$vimeoFrameCode = "<iframe src='http://player.vimeo.com/video/"+ splittedURL[1] +"?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=true' width='640' height='330' frameborder='0'></iframe> ";
				}
				$img = "<img src='"+ images[i] +"' border='0' />";
				$caption = "<div class='vimeoCaption'><h5>"+ captions[i] +"</h5>"+ $url +"</div>";
			}else{
				$url = "<a href='"+ urls[i] +"' class='findOutMore'>FIND OUT MORE</a>";
				$img = "<img src='"+ images[i] +"' border='0' />";
				$caption = "<div class='caption'><h4>"+ titles[i] +"</h4><h5>"+ captions[i] +"</h5>"+ $url +"</div>";
			}*/
			
			
			if(titles[i].indexOf("|") > 0){
				
				var splittedTitle = titles[i].split("|");
				$titleFirst = "<h4 class='firstTitle'>"+ splittedTitle[0] +"</h4>";
				$titleSecond = "<h4 class='secondTitle'>"+ splittedTitle[1] +"</h4>";
				$titles = $titleFirst + $titleSecond;
				
				
			}else{
				$titles = "<h4 class='firstTitle'>"+ titles[i] +"</h4>"
			}
			if(urls[i].indexOf("youtube.com") > 0){
				$url = "<a href='javascript:void(0);' class='playVimeoVideo'><img src='/Images/play-movie.jpg' border='0' /></a>";
				
				var youtubeUniqueCode = urls[i].split('=');
				$vimeoFrameCode = "<iframe width='640' height='319' src='http://www.youtube.com/embed/"+ youtubeUniqueCode[1] +"?autoplay=1&rel=0' frameborder='0'></iframe> ";
			}
				
			$caption = "<div class='caption'>"+ $titles +"<h5>"+ captions[i] +"</h5>"+ $url +"</div>";
			$img = "<img src='"+ images[i] +"' border='0' />";
			
			imageChilds = "<li>"+ $img +" "+ $caption +"</li>";
						
			
			/*bulletDotNumber = i +1;
			if(i>0){
				var bulletChilds = "<li><a class='changeSlide' href='javascript:void(0);' rel='"+ i +"'>"+ titles[i] +"</a></li>";
			}else{
				var bulletChilds = "<li class='selected'><a class='changeSlide' href='javascript:void(0);' rel='"+ i +"'>"+ titles[i] +"</a></li>";
			}*/
			
			
			
			
			$imageHolder.append(imageChilds);
			//$bulletNavigation.append(bulletChilds);
			
			
			if(i!=0){
				$imageHolder.children().eq(i).fadeOut();
				$imageHolder.children().eq(i).css("z-index","0");
			}else{
				$imageHolder.children().eq(i).css("z-index","9");
			}
		}
		
		$imageHolder.children().eq(0).find('.vimeoCaption').animate({
			top:-450
		});
		$('#vimeoVideoFrame').fadeOut();
		
		$bulletNavigation.css("left",600 - (160*(noOfImages-1)));
		$bulletNavigation.css("width",(170*(noOfImages)));
		
		var refreshIntervalId;
		var varName = function(){
			preImgNo = currentImgNo;
			changeSlideNumber();
			animateNext();
		};
		if(noOfImages > 1){
			defineInterval();
		}
		
		function defineInterval(){
			refreshIntervalId = setInterval(varName, 5000);
		}
		
		
		$('.changeSlide').click(function(){
			preImgNo = currentImgNo;
			currentImgNo = $(this).attr('rel');
			if(preImgNo != currentImgNo){
				animateNext();
				clearInterval(refreshIntervalId);
				defineInterval();
			}

		});
		$('.changeSlide').hover(function(){
			if(currentImgNo != $(this).attr('rel')){
				$(this).parent().addClass('selected');
			}
			
		},function(){
			if(currentImgNo != $(this).attr('rel')){
				$(this).parent().removeClass('selected')
			}
		});

		function animateNext(){
			
			$imageHolder.children().eq(preImgNo).fadeOut('slow',function(){
				$imageHolder.children().eq(preImgNo).css("z-index",0);
				//$imageHolder.find('.caption').css("left",0);
			});

			$imageHolder.children().eq(preImgNo).find('.vimeoCaption').animate({
				top:-200
			});

			$imageHolder.children().eq(preImgNo).find('.caption').animate({
				left:0
			},function(){
				$imageHolder.children().eq(preImgNo).find('.vimeoCaption').css("top",-200);	
			}); 
			
			$bulletNavigation.children().eq(preImgNo).removeClass();
			$bulletNavigation.children().eq(currentImgNo).addClass('selected');
			
			$imageHolder.children().eq(currentImgNo).fadeIn('slow');
			
			$imageHolder.children().eq(currentImgNo).find('.vimeoCaption').animate({
				top:-250
			});
			
			$imageHolder.children().eq(currentImgNo).find('.caption').animate({
				left:50
			});
				
				
			$imageHolder.children().eq(currentImgNo).css("z-index",999);
		}
		
		function changeSlideNumber(){
			if(currentImgNo < noOfImages-1){
				currentImgNo++;
			}else{
				currentImgNo = 0;
			}
		}
		
		$('.playVimeoVideo').click(function(){
			clearInterval(refreshIntervalId);
			$('#vimeoVideoFrame').prepend($vimeoFrameCode);
			//$('#vimeoVideoFrame').css("top",-331);
			//$imageHolder.fadeOut();
			$imageHolder.fadeOut(function(){
				$('.closeVimeoPlayer').css("top",-320);
				$('.closeVimeoPlayer').css("display","block");
			});
			$('#vimeoVideoFrame').fadeIn();
		});
		
		$('.closeVPlayer').click(function(){
			//defineInterval();
			$('#vimeoVideoFrame').fadeOut(function(){
				$imageHolder.fadeIn();
				$bulletNavigation.fadeIn();	
			});
			$('.closeVimeoPlayer').css("top",0);
			$('.closeVimeoPlayer').css("display","none");
			$('#vimeoVideoFrame').html("");
			//$('#vimeoVideoFrame').css("top",-331);
			
		});
		

	}


});