jQuery(document).ready(
		
		function() {
			var offsetX = 20;
			var offsetY = 10;
			$('.box-product .image 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();
					});
			$('.box-product .image 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);
				}
			});
		
		

$(".box-product .image img").hover(function() {
	$(this).stop()
	.animate({opacity: 0.7}, "medium")
	}, function() {
	$(this).stop()
	.animate({opacity: 1}, "medium")
	}); 




		});