$(document).ready(function(){
    // Vertical
	$("#vertical_v1 div a").hover(function(){
		$("img", this).stop().animate({top:"-80px"},{queue:false,duration:200});
	}, function() {
		$("img", this).stop().animate({top:"0px"},{queue:false,duration:200});
	});
	$("#vertical_v2 div a").hover(function(){
		$("img", this).stop().animate({top:"-80px"},{queue:false,duration:200});
	}, function() {
		$("img", this).stop().animate({top:"0px"},{queue:false,duration:200});
	});
	// Horizontal
	$("#horizontal_v1 div a").hover(function(){
		$("img", this).stop().animate({left:"-464px"},{queue:false,duration:200});
	}, function() {
		$("img", this).stop().animate({left:"0px"},{queue:false,duration:200});
	});
	$("#horizontal_v2 div a").hover(function(){
		$("img", this).stop().animate({left:"-464px"},{queue:false,duration:200});
	}, function() {
		$("img", this).stop().animate({left:"0px"},{queue:false,duration:200});
	});
	
	 
	//$('.gallery .thumb').pngFix( );
	
	
	$("ul.gallery li").hover(function() { //On hover...		
	var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver'		
	//Set a background image(thumbOver) on the <a> tag 
	$(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') no-repeat center bottom'});
	//Fade the image to 0 
	$(this).find("span").stop().fadeTo('normal', 0 , function() {
		$(this).hide() //Hide the image after fade
	}); 
	} , function() { //on hover out...
	//Fade the image to 1 
	$(this).find("span").stop().fadeTo('normal', 1).show();
	});
});