$(document).ready(function(){
	
	$('div#images img').click(function() {
		var name = $(this).attr("alt");

		$('.lightbox div').each(function(){
			$(this).attr("class","invisible");
		});
	
		$('.lightbox div').each(function(){	
			if ($(this).attr("id") == name) {
				$(this).attr("class","visible");
				
				$('label.next').css('visibility','visible');
				$('label.prev').css('visibility','visible');
				
				if (!$(this).next().hasClass("invisible")){ $('label.next').css('visibility','hidden'); }
				if (!$(this).prev().hasClass("invisible")){ $('label.prev').css('visibility','hidden'); }
			}
		});
		
		$('div.transparent').css("visibility", "visible");
		$('div.transparent').css("width", $(document).width());
		$('div.transparent').css("height", $(document).height());
		
		if( typeof( window.innerWidth ) == 'number' ) 
		{         //Non-IE        
			 y = window.pageYOffset;     
		} 
		else
		{       
       		 y = document.documentElement.scrollTop  ;     
       	}

		$('div.lightbox').css("top", y + 20 + "px");
		$('div.lightbox').css("visibility", "visible");
		
	});
	
	$('label.prev').click(function() {
		if ($("div.visible").prev().hasClass("invisible"))
		{
			$("div.visible").prev().attr("class","visible");
			$("div.visible:last").attr("class","invisible");
			$('label.next').css('visibility','visible');
		}	
		if (!$("div.visible").prev().hasClass("invisible"))
		{ 
			$('label.prev').css('visibility','hidden');
		} 
	});
	
	$('label.next').click(function() {
		if ($("div.visible").next().hasClass("invisible"))
		{
			$("div.visible").next().attr("class","visible");
			$("div.visible:first").attr("class","invisible");
			$('label.prev').css('visibility','visible');
		}
		if (!$("div.visible").next().hasClass("invisible"))
		{ 
			$('label.next').css('visibility','hidden');
		} 
	});

	$('label.close').click(function() {
		$('div.lightbox').css("visibility", "hidden");
		$('div.transparent').css("visibility", "hidden");
		$('label.next').css('visibility','hidden');
		$('label.prev').css('visibility','hidden');
	});
	
	$('div.transparent').click(function() {
		$('div.lightbox').css("visibility", "hidden");
		$('div.transparent').css("visibility", "hidden");
		$('label.next').css('visibility','hidden');
		$('label.prev').css('visibility','hidden');
	});

});