$(document).ready(function(){

	var titles 					= [];
	var captions 				= [];
	var urls 					= [];
	var images 					= [];
	
	var currentImgNo			= 0;
	var preImgNo;
	
	var url = "";
	//url = "http://w3svc1244.staging2-sl.netstarter.com.au:81";
	
	

	$.loadXML(url, xmlCallback, pageId);
	
	function xmlCallback(xml)
	{
		
		if(!(xml instanceof jQuery))
		{
			xml = $(xml);
		}
	
		noOfImages = xml.find('TemporaryTable').length;
		//currentImgNo = noOfImages;
		
		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 ="";

			if(urls[i] != ""){
				imageChilds = "<li><a href='"+ urls[i] +"'><img src='"+ images[i] +"' border='0' /></a><div class='title'><span class='h3jqWhite'>"+ titles[i] +"</span></div><div class='caption'><span style='color:#fff'>"+ captions[i] +"</span></div></li>";
			}else{
				imageChilds = "<li><img src='"+ images[i] +"' border='0' /><div class='title' style='width:350px;'><span class='h3jqWhite'>"+ titles[i] +"</span></div><div class='caption'><span style='color:#fff'>"+ captions[i] +"</span></div></li>";
			}
			
			//imageChilds = "<li><a href='"+ urls[i] +"'><img src='"+ images[i] +"' title='<h2>"+ titles[i] +"</h2><h4>"+ captions[i] +"</h4>' border='0' /></a> </li>";
			//<div class='caption'><h2>"+ titles[i] +"</h2><h4>"+ captions[i] +"</h4></div>
			//<img src='images/blank.png' border='0'>
			
			bulletDotNumber = i +1;
			if(i>0){
				var bulletChilds = "<li><a class='changeSlide' href='javascript:void(0);' rel='"+ i +"'><img src='images/jQ_blank.png' border='0'></a></li>";
			}else{
				var bulletChilds = "<li class='selected'><a class='changeSlide' href='javascript:void(0);' rel='"+ i +"'><img src='images/jQ_blank.png' border='0'></a></li>";
			}
			
			
			$('#imageHolder').append(imageChilds);
			$('#bulletNavigation').append(bulletChilds);
			
			
			if(i!=0){
				$('#imageHolder li:eq('+ i +')').animate({
					opacity:0,
					top:-488
				},10);	
			}else{
				$('#imageHolder li:eq('+ i +')').css("top",0);
			}
		}
		
		//$('#bulletNavigation').css("left",350 - (21*(noOfImages-1)));
		$('#bulletNavigation').css("left",0);
		
		/* sIFR.replace(OsirisBQNormal, {
		  wmode: 'transparent' ,
		  selector: '.h3jqWhite',
		  css: '.sIFR-root { color: #ffffff; }'
		});*/

		
		
		
		var refreshIntervalId;
		var varName = function(){
			preImgNo = currentImgNo;
			changeSlideNumber();
			animateNext();
		};
		defineInterval();
		function defineInterval(){
			refreshIntervalId = setInterval(varName, 8000);
		}
		
		
		$('.changeSlide').click(function(){
			preImgNo = currentImgNo;
			currentImgNo = $(this).attr('rel');
			animateNext();
			
			clearInterval(refreshIntervalId);
			defineInterval();
			
		});
		
		$('.changePreSlider').click(function(){
			preImgNo = currentImgNo;
			
			if(currentImgNo == 0){
				currentImgNo = noOfImages-1;
			}else{
				currentImgNo--;
			}
			
			animateNext();
			clearInterval(refreshIntervalId);
			defineInterval();
		});
		$('.changeNextSlider').click(function(){
			preImgNo = currentImgNo;
			changeSlideNumber();
			animateNext();
			clearInterval(refreshIntervalId);
			defineInterval();
			
		});

		function animateNext(){
			
			
			$('#imageHolder li:eq('+ preImgNo +')').animate({
				opacity:0
			},500,function(){
				$('#imageHolder li:eq('+ preImgNo +')').css("top","-400px");
			});
			
			
			
			
			$('#bulletNavigation li:eq('+ preImgNo +')').removeClass();
			$('#bulletNavigation li:eq('+ currentImgNo +')').addClass('selected');
			
			$('#imageHolder li:eq('+ currentImgNo +')').css("top","0");
			$('#imageHolder li:eq('+ currentImgNo +')').animate({
				opacity:1
			},500);
			
			$('#bulletNavigation li:eq('+ preImgNo +')').children().css("color","#979797");
			$('#bulletNavigation li:eq('+ currentImgNo +')').children().css("color","#2c2c2c");
		}
		
		function changeSlideNumber(){
			if(currentImgNo < noOfImages-1){
				currentImgNo++;
			}else{
				currentImgNo = 0;
			}
		}
		
		$('#imageSet').hover(function(){
			$('.changePreSlider').css("display","block");
			$('.changeNextSlider').css("display","block");
		},function(){
			$('.changePreSlider').css("display","none");
			$('.changeNextSlider').css("display","none");
		});
		

	}






	});