var FirstRun=true;
var rel;
var prevrel;
var Timer;
var PrevItem;
var CurItem;
var DrawerUp=false;
var DrawrHover=false;

$(document).ready(function() {
	//$('.DataList li .DataContentInner').css('display','none');
	$('.DataList li h1').click(	
		function(){
			DataListChange($(this).attr('rel'));
		}
	)
	$(".AssociatedImages li a.Popup").colorbox();
	if(PageID==45){ //CONTACT US PAGE
		LoadMap();
	}
	if(PageID==4){ //HOMEPAGE
		InitScroller();
	}
	if (PageID==17 || PageID==12 || PageID==49){ //PROJECTS PAGE | SERVICES PAGE | NEWS PAGE
		var FullURL = document.location;
		FullURL=FullURL.toString();
		var Pos=FullURL.indexOf('#');
		var HashData = FullURL.substring(Pos+1,FullURL.length);
		//alert(Pos);
		if(Pos>0){
			DataListChange(HashData);
			$(window).scrollTo($('.DataList li[rel="'+HashData+'"]'),500);
		}
	}
});


function InitScroller(){
	$('#RotationImage').html('<img src="'+Images[1][2]+'" alt="'+Images[1][0]+'">');
	$('.Thumbs li[rel="1"]').html('<img src="'+Images[1][3]+'" alt="'+Images[1][0]+'">');
	$('.Thumbs li[rel="2"]').html('<img src="'+Images[2][3]+'" alt="'+Images[2][0]+'">');
	$('.Thumbs li[rel="3"]').html('<img src="'+Images[3][3]+'" alt="'+Images[3][0]+'">');
	$('.Thumbs li[rel="4"]').html('<img src="'+Images[4][3]+'" alt="'+Images[4][0]+'">');
	
	$('.Thumbs li').click(
		function(){
			var Target=$(this).attr('rel');
			document.location=Images[Target][4];
		}
	)
	
	$('#RotationStage li[rel="'+CurItem+'"]').css('background-color','#849d76');
	Timer=setTimeout('StartRotation()',WaitTime);
	$('.Thumbs li').hover(
		function(){
			var val=$(this).attr('rel');
			clearTimeout(Timer);
			OnHold=true;
			PrevItem=CurItem;
			DrawerUp=true;
			StartRotation(val);				
		}
		,
		function(){
			OnHold=false;
			DrawerUp=false;
			Timer=setTimeout('StartRotation()',WaitTime);			
		}
	)
	ChangeText(1);
}

function ChangeText(x){
	
	$('#RotationText').stop().animate(
		{
			top	:	'280px',
			opacity: '.2'
		}
		,500
		,function(){
			$('#RotationText .Inner h1').html(Images[x][0]);
			$('#RotationText .Inner p').html(Images[x][1]);
			//console.log(DrawerUp);
			if (DrawerUp){
				$('#RotationText').animate(
					{
						top	:	'190px',
						opacity: '.8'
					}
					,500
				)
			}
			else{
				$('#RotationText').animate(
					{
						top	:	'240px',
						opacity: '.8'
					}
					,500
				)
			}
		}
	)	
}

function StartRotation(x){
	if(x){
		CurItem=x;		
	}
	if(!OnHold){		
		clearTimeout(Timer);
		CurItem++;
		if (CurItem>MaxItem){
			CurItem=1;
		}
		PrevItem=CurItem-1;
		if (PrevItem<1){
			PrevItem=MaxItem;
		}
	}
	ChangeText(CurItem);
	$('#RotationImageBG').html('<img src="'+Images[PrevItem][2]+'" alt="'+Images[CurItem][0]+'">');
	$('#RotationImage').fadeOut(
		500,
		function(){
			$('#RotationImage').html('<img src="'+Images[CurItem][2]+'" alt="'+Images[CurItem][0]+'">');
			$('#RotationImage').fadeIn(500);
		}
	);
	$('#RotationStage li').css('background-color','#c4bea8');
	$('#RotationStage li[rel="'+CurItem+'"]').css('background-color','#849d76');
	if(!OnHold){
		Timer=setTimeout('StartRotation()',WaitTime);
	}
	
}

function DataListChange(x){
	var rel=x;
	if(!FirstRun){
		$('.DataList li[rel="'+prevrel+'"] .AssociatedImages').slideUp(500);
		$('.DataList li[rel="'+prevrel+'"] .DataContentInner').slideUp(
			500,
			function(){	
				$('.DataList li[rel="'+rel+'"] .AssociatedImages').slideDown(500);
				$('.DataList li[rel="'+prevrel+'"]').addClass("Closed");
				$('.DataList li[rel="'+rel+'"] .DataContentInner').slideDown(
					500,
					function(){
						$('.DataList li[rel="'+rel+'"]').removeClass("Closed");								
					}
				);
				prevrel=rel;
			}
		)
	}
	else{
		$('.DataList li[rel="'+rel+'"] .AssociatedImages').slideDown(500);
		$('.DataList li[rel="'+rel+'"] .DataContentInner').slideDown(
			500,
			function(){
				$('.DataList li[rel="'+rel+'"]').removeClass("Closed");
			}
		);				
		prevrel=rel;
		FirstRun=false;
	}
}

function LoadMap(){
	
	var map = new GMap2(document.getElementById("Map"));
	map.setCenter(new GLatLng(53.383943,-1.469421), 16);
	map.addControl(new GLargeMapControl());
    map.setMapType(G_SATELLITE_MAP);
	var point = new GLatLng(53.383943,-1.469421);
	var marker = new GMarker(point);
	map.addOverlay(marker);
	
	
}
