$(document).ready(function() {
 
  $('#go_to_top').click(function(){
        $('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });
 

});
jQuery(document).ready(function() {

jQuery("mini_cart_ajax").css({display: "none"});

jQuery(" #cart_in_header").hover(function(){
jQuery('#mini_cart_ajax').css({visibility: "visible",display: "none"}).show(400);
},function(){
jQuery('#mini_cart_ajax').css({visibility: "hidden"});
});
}); 

$(document).ready(function(){
$(" #latest_middle a img, .not_empty a img, #image, .pane a img").hover(function() {
$(this).stop()
.animate({opacity: 0.7}, "medium")
}, function() {
$(this).stop()
.animate({opacity: 1}, "medium")
});
}); 

jQuery(document).ready(function() {

	var offsetX = 20;
	var offsetY = 10;
	
	
	$('#latest_middle a img').hover(function(e) {
		
		var href = $(this).attr('src'); // get link url
		var dotPosition = href.lastIndexOf(".");  // get the last dot position
		var extension = href.substring(dotPosition, href.length); // get the file extension
		
		href = href.substring(0, href.length - 7 - extension.length ); // delete file extension, dot and size information from this string
		href = href + "350x350" + extension; // create new string which will be the address to the large image
	
		$('<img id="largeImage" src="' + href + '" alt="big image" />')

		.css('top', e.pageY + offsetY)
		.css('left', e.pageX + offsetX)
		
		.appendTo('body');
	}, function() {
		$('#largeImage').remove();
	});
	
	$('#latest_middle a img').mousemove(function(e) {

			if ($(window).height() - e.pageY < 0) { //check if it will fit on the screen
			
				
		
				$("#largeImage").css('top', e.pageY + offsetY - 350);
		}
		else {
			$("#largeImage").css('top', e.pageY + offsetY);
		}
		if ($(window).width() - e.pageX < 0) {
		
				$("#largeImage").css('left', e.pageX + offsetX - 350);
		}
		else {
			$("#largeImage").css('left', e.pageX + offsetX);
		}
	});
	

	
}); 

$(document).ready(function() {
$('.button_add_latest').append('<span class="hover"></span>').each(function () {
var $span = $('> span.hover', this).css('opacity', 0);
$(this).hover(function () {
$span.stop().fadeTo(500, 1);
}, function () {
$span.stop().fadeTo(500, 0);
});
});
});