$(document).ready(function() {
	var count = $('#spotlightInner .recentWorkPanel').length;
	var current = 1;
	
	var timer = setInterval	(function(){slideSpotlight(current);}, 10000);
	
	$("#workGalleryControl").html('');
	
	for(var i=1; i<=count; i++)
	{
		if(i==count)
		{
			$("#workGalleryControl").append('<li><a href="#" id="galleryLink_'+i+'" class="galleryLink last">&bull;</a></li>');	
		}
		else
		{
			$("#workGalleryControl").append('<li><a href="#" id="galleryLink_'+i+'" class="galleryLink">&bull;</a></li>');
		}
	}
	
	$("#galleryLink_1").css({'color':'#B42024'});
	
	//var width = $("#workGalleryControl").width();
	
	//var center = (145 - (width / 2));
	
	$("#workGalleryControl").css({'right':'0px'}); 
	
	//spotlight slider
	function slideSpotlight(sender)
	{	
		positionLeft = '-'+(308 * sender);	

		$("#spotlightInner").animate({'left':positionLeft}, 1000); 	
		
		$(".galleryLink").css({'color':'#ffffff'});
		$("#galleryLink_"+(sender + 1)).css({'color':'#B42024'});
		
		if(sender + 1 < count)
		{
			current = sender + 1;	
		}
		else
		{
			current = 0;
		}
	}
	
	$(".galleryLink").click(function(){
		clearInterval(timer);
		id = $(this).attr("id");
		id = id.split('_', 2);
		id = id[1]-1;
		
		slideSpotlight(id);
		return false;
	});
});
