// JavaScript Document
$(document).ready(function(){
//Larger thumbnail preview 

$("ul.thumb li").hover(function() {
	$(this).css({'z-index' : '10'});
	$(this).find('img').addClass("hover").stop()
		.animate({
			marginTop: '-110px', 
			marginLeft: '-110px', 
			top: '50%', 
			left: '50%', 
			width: '174px', 
			height: '174px',
			padding: '20px' 
		}, 200);
	
	} , function() {
	$(this).css({'z-index' : '0'});
	$(this).find('img').removeClass("hover").stop()
		.animate({
			marginTop: '0', 
			marginLeft: '0',
			top: '0', 
			left: '0', 
			width: '100px', 
			height: '100px', 
			padding: '5px'
		}, 400);
});

//Swap Image on Click
	$("ul.thumb li a").click(function() {
		
		var mainImage = $(this).attr("href"); //Find Image Name
		$("#main_view img").attr({ src: mainImage });
		var start = mainImage.indexOf("/show/");
		var lightbox = mainImage.substr(start+6);
		var length = lightbox.length;
		var lightbox = lightbox.substr(0, length-8);
		lightbox = "img/photo_gallery/full/"+ lightbox +"full.png";
		$("#main_view img").attr({ href: lightbox });
		return false;		
	});
 	$("#main_view a").lightBox();
});
