$(document).ready(function() {
	//Recent work gallery
	var imageCount = $('#workGallerySrc img').length;
	
	
	
	
	
	if (imageCount > 0)
	{
		galleryHtml = $("#workGallerySrc").html();
		$("#workGallerySrc").html("");
		$("#workGallerySrc").hide();	
		$("#slider").html(galleryHtml);
		$("#workGalleryImg").css({'height':'402px','width':'906px'});
		$("#workGalleryControl").html('');
		if (imageCount > 1)
		{
			$("#workGallery").css({'height':'402px'});
			for(var i=1; i<=imageCount; i++)
			{
				$("#workGalleryControl").append('<li><a href="#" id="galleryLink_'+i+'" class="galleryLink">&bull;</a></li>');
			}
			$('#slider img').css({'cursor':'pointer'});
			var currentImage = 1;
			
			$("#slider").css({'width':906*imageCount,'height':'385px','position':'absolute', 'z-index':'1'});
			
			//timer
			var timer = setInterval	(function(){slideImages(currentImage);}, 5000);
			
			//gallery controls
			
			
			$("#galleryLink_1").css({'color':'#B42024'});
				
			$(".galleryLink").click(function(){
				clearInterval(timer);
				id = $(this).attr("id");
				id = id.split('_', 2);
				id = id[1]-1;
				
				slideImages(id);
				return false;
			});
			
			$("#slider img").click(function(){
				clearInterval(timer);
				slideImages(currentImage);
				return false;
			});
		}
	}
	
	//image slider
	function slideImages(sender)
	{	
		positionLeft = '-'+(906 * sender);	

		$("#slider").animate({'left':positionLeft}, 1000); 	
		
		$(".galleryLink").css({'color':'#ffffff'});
		$("#galleryLink_"+(sender + 1)).css({'color':'#B42024'});
		
		if(sender+1<imageCount)
		{
			currentImage = sender + 1;	
		}
		else
		{
			currentImage = 0;
		}
	}
	
});
