// Multi Product Image Support V3.02

var mpiitems = new Object();

// Image switcher.  Use selected animation type.
function mpi_imageswitch(swapimage, newimage){
	switch (mpi_animationtype)
		{
		case 'FastSwitch' :						// swap the image - immediate swap
			swapimage.attr('src', newimage);
			break;
		case 'FadeDownUp' :						// swap the image - simple fade down then up
			swapimage.fadeOut('fast',function(){swapimage.attr('src', newimage);swapimage.fadeIn()});
			break;
		case 'ImageSwitch' :						// swap the image via ImageSwitch
			swapimage.ImageStop(true,true);				// stop any existing animation
			var myswap = mpi_ImageSwitchParams;			// set up our parameters
			myswap.NewImage = newimage; 				// add in the image we want to show
			swapimage.ImageSwitch(myswap); 				// and switch images
		}	
}

function mpimswp(icon,imgid){
	if ( mpiitems[imgid] ) clearInterval(mpiitems[imgid].mpiInterval);	// stop slideshow if running
	var swapimage = $('#' + imgid);
	if ( swapimage.length ) mpi_imageswitch(swapimage, $(icon).attr('rel'));
	swapimage.attr("alt", icon.alt)
	swapimage.attr("title", icon.alt)
}

function mpicsize(icon,w,h){
	icon.width = w;
	icon.height = h;
}

function cyclempi(imgid){
	var swapimage = $('#' + imgid);
	if ( swapimage.length )
		{
		mpi_imageswitch(swapimage, mpiitems[imgid].mpicons[mpiitems[imgid].iconidx].getAttribute('rel'));
		swapimage.attr("alt", mpiitems[imgid].mpicons[mpiitems[imgid].iconidx].alt);
		swapimage.attr("title", mpiitems[imgid].mpicons[mpiitems[imgid].iconidx].title);
		}
	mpiitems[imgid].iconidx++;
	if ( mpiitems[imgid].iconidx >= mpiitems[imgid].mpicons.length ) mpiitems[imgid].iconidx = 0;
}

function mpsshow(imgid, delaymsec){
	mpiitems[imgid] = new Object();
	mpiitems[imgid].mpicons = new Array();
	mpiitems[imgid].iconidx = 0;
	var imgs = document.getElementsByTagName('img');
	for (var i=0; i<imgs.length; i++)
		{
		if ( imgs[i].id == ('mpss_' + imgid) ) mpiitems[imgid].mpicons.push(imgs[i]);
		}
	if ( mpiitems[imgid].mpicons.length )
		{
		mpiitems[imgid].mpiInterval = setInterval("cyclempi('" + imgid +"')", delaymsec);
		}
}

/*
 * Image preview script - tweaked drillpine for unique namespace and repositioning
 * written by Alen Grakalic (http://cssglobe.com)
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 */
 
this.mpi_ImagePreview = function(){	
	var xOffset = mpi_tooltipy;	// NB back to front
	var yOffset = mpi_tooltipx;

	$("a.mpi_preview").click(function(e){return false;});	// inhibit click
	$("a.mpi_preview").hover(function(e){
		this.t = this.title;
		this.title = "";
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='mpi_preview'><img id='mpi_popimg' src='"+ this.href +"' alt='Image preview' />"+ c + "</p>");								 
		$("#mpi_preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn(500);						
    },
	function(){
		this.title = this.t;	
		$("#mpi_preview").remove();
    });	
	$("a.mpi_preview").mousemove(function(e){
		pw = $("#mpi_popimg").width();
		$("#mpi_preview").width(pw);
		var border_top = $(window).scrollTop();
		var ttheight = $("#mpi_preview").height();
		top_pos = (border_top+(xOffset*2)>=(e.pageY - ttheight)) ? border_top + xOffset : e.pageY - ttheight - xOffset;
		$("#mpi_preview")
			.css("top", top_pos + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};

// starting the script on page load
$(document).ready(function(){
	mpi_ImagePreview();	// activate tooltip preview
	$('.mpiicon').each(function(){$('<img/>')[0].src = $(this).attr('rel');});	// preload swap images
});