// Product Gallery
// Jim Lam 2009
jQuery(document).ready(function () {

/* 	alert( document.getElementById( "medium" ) ); */

	var img_medium = jQuery("#medium").get(0);
	var is_showing = false;
	
	// swaps the medium img depending on which sm img is clicked.
	jQuery("#thumb-list img").click( function() {
	
		if (is_showing) {
			// clean up.
			jQuery("#big").fadeOut("slow", function() { jQuery(this).remove() });
			is_showing = false;
		}
		
		var img_clicked = jQuery(this).get(0);

		if ( img_medium.src != img_clicked.src.replace("small", "large") ) {
			// update img, with slick transition.
			jQuery("#medium").fadeOut("normal", function() { img_medium.src = img_clicked.src.replace("small", "large") });
			jQuery("#medium").fadeIn("normal");
		}
		
		// prevents href being triggered. progressive enhancement ;) 
		return false;
		
	});
	
	// sets up the offset for big img.
	function set_offset(e) {
		var yPos = e.pageY - jQuery("#gallery").offset().top;
		var xPos = e.pageX - jQuery("#gallery").offset().left;
		
		jQuery("#big").css("top", ((-yPos * 3) + yPos) + "px").css("left", ((-xPos * 3) + xPos) + "px");
	}
	
	// appends the big img.
	jQuery("#gallery").click(function(e) {
		if (is_showing) {
			jQuery("#big").fadeOut("slow", function() { jQuery(this).remove() });
			is_showing = false;
		}
		else {
			is_showing = true;
			
			jQuery("#gallery").append('<img src="' + img_medium.src.replace("_large_thumb.jpeg", "_big.jpeg") + '" alt="" id="big" />')
	
			set_offset(e);
		}
	});
	
	// tracks mouse movement.
	jQuery("#gallery").mousemove(function(e) {
		set_offset(e);
	});
	
	// change cursor when hovering over medium/big img.
	jQuery("#gallery").mouseover(function() {
		jQuery(this).css("cursor", "url(/images/zoom.png), crosshair");
	});
	
	// preload images.
	preload_images();
	
});