// JavaScript Document
$(document).ready(function(){

//Larger thumbnail preview 
	$("ul.thumb li.topLeft").hover( function () {
	$(this).css({'z-index' : '10'});
	$(this).find('img').addClass("hover").stop()
		.animate({
			marginTop: '-72px', 
			marginLeft: '-102px', 
			top: '50%', 
			left: '50%', 
			width: '128px', 
			height: '118px',
			padding: '18px' 
		}, 192);
	
	}, function() {
	$(this).css({'z-index' : '0'});
	$(this).find('img').removeClass("hover").stop()
		.animate({
			marginTop: '0', 
			marginLeft: '0',
			top: '0', 
			left: '0', 
			width: '128px', 
			height: '118px', 
			padding: '0px'
		}, 360);
	});
	$("ul.thumb li.topRight").hover( function () {
	$(this).css({'z-index' : '10'});
	$(this).find('img').addClass("hover").stop()
		.animate({
			marginTop: '-72px', 
			marginLeft: '-57px', 
			top: '50%', 
			left: '50%', 
			width: '128px', 
			height: '118px',
			padding: '18px' 
		}, 192);
	
	}, function() {
	$(this).css({'z-index' : '0'});
	$(this).find('img').removeClass("hover").stop()
		.animate({
			marginTop: '0', 
			marginLeft: '0',
			top: '0', 
			left: '0', 
			width: '128px', 
			height: '118px', 
			padding: '0px'
		}, 360);
	});
	$("ul.thumb li.leftLeft").hover( function () {
	$(this).css({'z-index' : '10'});
	$(this).find('img').addClass("hover").stop()
		.animate({
			marginTop: '-69px', 
			marginLeft: '-100px', 
			top: '50%', 
			left: '50%', 
			width: '128px', 
			height: '118px',
			padding: '18px' 
		}, 192);
	
	}, function() {
	$(this).css({'z-index' : '0'});
	$(this).find('img').removeClass("hover").stop()
		.animate({
			marginTop: '0', 
			marginLeft: '0',
			top: '0', 
			left: '0', 
			width: '128px', 
			height: '118px', 
			padding: '0px'
		}, 360);
	});
	
	$("ul.thumb li.rightRight").hover( function () {
	$(this).css({'z-index' : '10'});
	$(this).find('img').addClass("hover").stop()
		.animate({
			marginTop: '-69px', 
			marginLeft: '-57px', 
			top: '50%', 
			left: '50%', 
			width: '128px', 
			height: '118px',
			padding: '18px' 
		}, 192);
	
	}, function() {
	$(this).css({'z-index' : '0'});
	$(this).find('img').removeClass("hover").stop()
		.animate({
			marginTop: '0', 
			marginLeft: '0',
			top: '0', 
			left: '0', 
			width: '128px', 
			height: '118px', 
			padding: '0px'
		}, 360);
	});
	$("ul.thumb li.bottomLeft").hover( function () {
	$(this).css({'z-index' : '10'});
	$(this).find('img').addClass("hover").stop()
		.animate({
			marginTop: '-54px', 
			marginLeft: '-102px', 
			top: '50%', 
			left: '50%', 
			width: '128px', 
			height: '118px',
			padding: '18px' 
		}, 192);
	
	}, function() {
	$(this).css({'z-index' : '0'});
	$(this).find('img').removeClass("hover").stop()
		.animate({
			marginTop: '0', 
			marginLeft: '0',
			top: '0', 
			left: '0', 
			width: '128px', 
			height: '118px', 
			padding: '0px'
		}, 360);
	});
	$("ul.thumb li.bottomRight").hover( function () {
	$(this).css({'z-index' : '10'});
	$(this).find('img').addClass("hover").stop()
		.animate({
			marginTop: '-54px', 
			marginLeft: '-57px', 
			top: '50%', 
			left: '50%', 
			width: '128px', 
			height: '118px',
			padding: '18px' 
		}, 192);
	
	}, function() {
	$(this).css({'z-index' : '0'});
	$(this).find('img').removeClass("hover").stop()
		.animate({
			marginTop: '0', 
			marginLeft: '0',
			top: '0', 
			left: '0', 
			width: '128px', 
			height: '118px', 
			padding: '0px'
		}, 360);
	});

	//Swap Image on Click
	/*$("ul.thumb li.Inflates a").click(function() {
		var mainImage = $(this).attr("href"); //Find Image Name
		$("#main_view img").attr({ src: mainImage });
		return false;		
	});*/
});