jQuery(document).ready(function($){

	//jQuery(".product-img-box").append('<span class="logo-placeholder"><img src="" alt="" /></span>');	
	//jQuery("#myimage2").css({ 'display': 'none' });	//display to none (initially)

	// The makeZoomable function lets you add the effect with JavaScript.
	MojoZoom.makeZoomable = function(image, source, zoomElement, zoomWidth, zoomHeight, alwaysShow) {
		// image 	= the image element you want to add the effect to
		// source	= the source of the high res version of the image
		// zoomElement = optional element to hold the zoomed portion. If not specified, a default 256x256 square is created.
		// zoomWidth	= optional width of zoomElement
		// zoomHeight	= optional height of zoomElement
		// alwaysShow	= if true, the high res image will always be displayed, regardless of mouseover/out events.
	}

	// Example (using the image and zoom element from above): 




});	//end jQuery(document).ready


//Used to Load Image-Logo Placeholder
function switchImageZoom(bigImageId, imageId){
	jQuery("#myimage2").css({ 'display': 'block' });//display to visible
	jQuery("#main-product-image").css({ 'display': 'none' });//display to hidden
	jQuery(".logo-placeholder").attr({ src: imageId, title: imageId, alt: imageId+" logo"});
//	
//	//Used for Image Zoom
	jQuery(".logo-placeholder a").attr({ href: bigImageId });
	jQuery("#myimage2").attr({ src: imageId, "data-zoomsrc": bigImageId });
	jQuery("#myimage2_zoom").attr({ src: imageId, "data-zoomsrc": bigImageId });
	jQuery(".mojozoom_img").attr({ src: bigImageId, "data-zoomsrc": bigImageId });
}