// JavaScript Document

$(document).ready(function() {
	$('#slideContentHolder').animate({opacity: 0},1);
	
	var titles 		= [];
	var captions 	= [];
	var urls 		= [];
	var images 		= [];
	
	var titleSet = [];
	
	var newImagePathId = 0;
	var newImagePath;
	var currentImage;
	var documentWidth = $(window).width();
	
	$(window).resize(function(){
		documentWidth = $(window).width();
		$('#headerBannerImageHolder').width(documentWidth);
		onImgLoadComplete();
	});
	
	var imageWidth = 1300;
	$('.frontArrow').fadeOut()
	$('.backArrow').fadeOut()
	$('#slideContent').animate({width:1020})
	//Testing Path
	//$.loadXML("http://w3svc389.staging2-sl.netstarter.com.au:81", xmlCallback, pageId);
	//Live Path
	$.loadXML("", 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());
		});
		
		//titleSet = titles[0].split("|");
		
		//var captionText = "<h1>"+ titles[0] +"</h1><p>"+ captions[0] +"</p><a href='"+ urls[0] +"'><div>Find out more</div></a>";
		var captionText = "<pre><h1>"+ captions[0] +"</h1><a href='"+ urls[0] +"'><div>"+ titles[0] +" &gt;&gt;</div></a></pre>";

		$('#slideContentHolder').append(captionText);
		//locationSet(titleSet[1],titleSet[2]);
		
		$('#slideContentHolder').animate({opacity: 1},
			500,function(){
				defineButtons();
			});
		
		for(var i = 0; i <noOfImages ; i++){
			var firstClass;
			
			if(i==0){
				firstClass = " class='selected'";
				$('#bulletNavigation').append('<li><a href="javascript:void(0);" rel="'+ i +'" class="bulletSlide currentSlide"></a></li>')
			}else{
				firstClass = ''
				$('#bulletNavigation').append('<li><a href="javascript:void(0);" rel="'+ i +'" class="bulletSlide"></a></li>')
			}
			
			var imageChilds ="";
			if(i==0){
				imageChilds = "<li><img src='"+ images[i] +"' class='currentImage'/></li>";
				$('#imageHolder').append(imageChilds);

			}else{
				imageChilds = "<li><img src='"+ images[i] +"'/></li>";
				$('#imageHolder').append(imageChilds);
				
				$('#imageHolder li:eq('+i+')').children().hide();

			}
			onImgLoadComplete();
			
		}
		var clientBrowser = $.browser;
		
		if($.browser.msie){
			if(clientBrowser.version == 7.0 || clientBrowser.version == 8.0){
				$('#headerBannerImageHolder .backArrow').css("left",-90);
			}
		}
		
	
		
		var refreshIntervalId;
		
		var varName = function(){
			$('.frontArrow').unbind('click');
			$('.backArrow').unbind('click');
			$('.bulletSlide').unbind('click');
			
			if(newImagePathId < noOfImages-1){
				newImagePathId++;
			}else{
				newImagePathId = 0;
			}
			
			loadNextImage();
		};
		
		defineInterval();
		function defineInterval(){
			refreshIntervalId = setInterval(varName, 5000);
		}
		
		
		
		
		function loadNextImage(){
			
			$('.currentImage').fadeOut();
			$('.currentImage').parent().children().removeClass();
			$('#imageHolder li:eq('+newImagePathId+')').children().fadeIn();
			$('#imageHolder li:eq('+newImagePathId+')').children().addClass('currentImage');
			
				
			$('#slideBullets li').removeClass();
			$('#slideBullets li:eq('+newImagePathId+')').addClass('selected')
			
			$('#slideContentHolder').animate({top:0,opacity:0},300, function() {
				titleSet = titles[newImagePathId].split("|");
				$('#slideContentHolder').animate({opacity:1,top:75},function(){
					defineButtons();
				});
					
				//var captionText = "<pre><h1>"+ captions[newImagePathId] +"</h1><p>"+ captions[newImagePathId] +"</p><a href='"+ urls[newImagePathId] +"'><div>Find out more</div></a></pre>";
				
				var captionText = "<pre><h1>"+ captions[newImagePathId] +"</h1><a href='"+ urls[newImagePathId] +"'><div>"+ titles[newImagePathId] +" &gt;&gt;</div></a></pre>";
				
				$('#bulletNavigation').find('.currentSlide').removeClass('currentSlide');
				$('#bulletNavigation li:eq('+newImagePathId+') a').addClass('currentSlide');
				
				$('#slideContentHolder').html("");
				$('#slideContentHolder').append(captionText);
				
			});
		}

		$('#headerBannerImage').hover(function(){
			$('.frontArrow').fadeIn("fast")
			$('.backArrow').fadeIn("fast")
		},function(){
			$('.frontArrow').fadeOut("fast")
			$('.backArrow').fadeOut("fast")
		});
		
		
		function defineButtons(){
			$('.frontArrow').click(function(){
				clearInterval(refreshIntervalId);
				defineInterval();
				
				$('.frontArrow').unbind('click');
				$('.backArrow').unbind('click');
				$('.bulletSlide').unbind('click');
				
				if(newImagePathId < noOfImages-1){
					newImagePathId++;
				}else{
					newImagePathId = 0;
				}
				
				loadNextImage();
			});
			
			$('.backArrow').click(function(){
				clearInterval(refreshIntervalId);
				defineInterval();
				
				$('.frontArrow').unbind('click');
				$('.backArrow').unbind('click');
				$('.bulletSlide').unbind('click');
				
				if(newImagePathId > 0){
					newImagePathId--;
				}else{
					newImagePathId = noOfImages-1;
				}
				
				loadNextImage();
			});
			
			$('.bulletSlide').click(function(){

				clearInterval(refreshIntervalId);
				defineInterval();
				
				$('.frontArrow').unbind('click');
				$('.backArrow').unbind('click');
				$('.bulletSlide').unbind('click');
				
				newImagePathId = $(this).attr('rel');
				loadNextImage();
				
			});
		}
		
		
	}
	
	function onImgLoadComplete()
	{
		$('#headerBannerImage').width(documentWidth);
		$('#headerBannerImageHolder').width(documentWidth);
		
		$('#imageHolder img').css('left',(documentWidth-1020)/2 + 450)
		$('#imageHolder li:eq(0) img').css('left',(documentWidth-1020)/2 + 500)
		$('#imageHolder li:eq(3) img').css('left',(documentWidth-1020)/2 + 300)
	}
	
	
	//Home page Portfolio Items
	$('.HomePortLink').hover(function(){
		$(this).append('<div class="portfolioItemTextHolder">'+ $(this).attr('rel') +'</div>')
		$('.portfolioItemTextHolder').animate({top:0},300)
	},function(){
		$('.portfolioItemTextHolder').animate({top:210},300,function(){
			$(this).remove()
		})
		
	});
	
	
	
	
	
	
	
	
	
	// Key services XML callback area
	var ks_titles = [];
	var ks_captions = [];
	var ks_urls = [];
	var ks_images = [];	
	
	var $ks_ul = $('#ks_holder')
	
	$.loadXML("", keyServicesXmlCallback, pageId,1);
	function keyServicesXmlCallback(xml){
		if(!(xml instanceof jQuery))
		{
			xml = $(xml);
		}
		
		xml.find('TemporaryTable').each(function(){
			ks_titles.push($(this).find('Title').text());
			ks_captions.push($(this).find('Caption').text());
			ks_urls.push($(this).find('URL').text());
			ks_images.push($(this).find('LargeFileName').text());
			
			var $li = "<li><div class='keyServices'><img src='"+ $(this).find('LargeFileName').text() +"' border='0' /><div class='ks_desc'><div class='title'>"+ $(this).find('Title').text() +" </div><div>"+ $(this).find('Caption').text() +"<br /><br /><a href='"+ $(this).find('URL').text() +"'>Find out more</a></div></div></div></li>";
			$ks_ul.append($li)
		});
		
		$ks_ul.children('li:last').addClass('lastElement')
		
		$('.keyServices').hover(function(){
			$(this).parent().animate({
					top:-208
				},{queue:false})
		},function(){
			$(this).parent().animate({
					top:0
				},{queue:false})
		});
		
		
	}

});