/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact

Modified by Tim Kroeger (tim@breakmyzencart.com) for use with
image handler 2 and better cross browser functionality
*/

function getObj(name) {
  if (document.getElementById) {
    this.obj = document.getElementById(name);
    this.style = document.getElementById(name).style;
  } else if (document.all) {
    this.obj = document.all[name];
    this.style = document.all[name].style;
  } else if (document.layers) {
    this.obj = document.layers[name];
    this.style = document.layers[name];
  }
}

function getMainImage() {
	var preview = new getObj('productMainImageImg').obj;
	if (preview) {
		if (!preview.srcOriginal) preview.srcOriginal = preview.src;
		return preview;
	}
}

function showPreview(src, current) {
	var preview = getMainImage();
	if (preview) preview.src = src;
}

function hidePreview(current) {
	var preview = getMainImage();
	if (preview) preview.src = preview.srcOriginal;
}

// var offsetfrommouse=[10,10]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
// var displayduration=0; //duration in seconds image should remain visible. 0 for always.
// var currentimageheight = 400;	// maximum image size.
// var padding=10; // padding must by larger than specified div padding in stylessheet
// 
// // Global variables for sizes of hoverimg
// // Defined in "showtrail()", used in "followmouse()"
// var zoomimg_w=0;
// var zoomimg_h=0;
// 
// 
// if (document.getElementById || document.all){
//   document.write('<div id="trailimageid">');
//   document.write('</div>');
// }
// 
// function getObj(name) {
//   if (document.getElementById) {
//   	  this.obj = document.getElementById(name);
//     this.style = document.getElementById(name).style;
//   } else if (document.all) {
//     this.obj = document.all[name];
//     this.style = document.all[name].style;
//   } else if (document.layers) {
//     this.obj = document.layers[name];
//     this.style = document.layers[name];
//   }
// }
// 
// function gettrail(){
//   return new getObj("trailimageid");
// }
// 
// function truebody(){
//   return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
// }
// 
// function showtrail(imagename,title,oriwidth,oriheight,zoomimgwidth,zoomimgheight, image, startx, starty, startw, starth){
// 	zoomimg_w=zoomimgwidth;
// 	zoomimg_h=zoomimgheight;
//   //if (oriwidth > 0){ offsetfrommouse[0] = oriwidth; }
//   //if (oriheight > 0){ offsetfrommouse[1] = -1 *(zoomimgheight-oriheight)/2 - 40; }
//   // alert (offsetfrommouse[0] + "," + offsetfrommouse[1]);
//   if (zoomimgheight > 0){ currentimageheight = zoomimgheight; }
//   trailobj = gettrail().obj;
//   trailobj.style.width=(zoomimgwidth+(2*padding))+"px";
//   trailobj.style.height=(zoomimgheight+(2*padding))+"px";
//   trailobj.setAttribute("startx", startx);
//   trailobj.setAttribute("starty", starty);
//   trailobj.setAttribute("startw", startw);
//   trailobj.setAttribute("starth", starth);
//   trailobj.setAttribute("imagename", imagename);
//   trailobj.setAttribute("imgtitle", title);
//   document.onmousemove=followmouse;
// }
// 
// function hidetrail(){
//   trailstyle = gettrail().style;
//   trailstyle.visibility = "hidden";
//   document.onmousemove = "";
//   trailstyle.left = "-2000px";
//   trailstyle.top = "-2000px";
// }
// 
// function followmouse(e){
// 
//   var xcoord=offsetfrommouse[0];
//   var ycoord=offsetfrommouse[1];
// 
//   var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15;
//   var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight);
// 
//   //if (document.all){
//   //	trail.obj.innerHTML = 'A = ' + truebody().scrollHeight + '<br>B = ' + truebody().clientHeight;
//   //} else {
//   //	trail.obj.innerHTML = 'C = ' + document.body.offsetHeight + '<br>D = ' + window.innerHeight;
//   //}
//   var relativeX = null;
//   var relativeY = null;
// 	
//   if (typeof e != "undefined"){
//     if ((typeof e.layerX != "undefined") && (typeof e.layerY != "undefined")) {
//       relativeX = e.layerX;
//       relativeY = e.layerY;
//     } else if ((typeof e.x != "undefined") && (typeof e.y != "undefined")) {
//       relativeX = e.x;
//       relativeY = e.y;
//     }
// 
//     if (docwidth - e.pageX < zoomimg_w + (3 * padding)) {
//       xcoord = e.pageX - xcoord - zoomimg_w - (2 * offsetfrommouse[0]);
//     } else {
//       xcoord += e.pageX;
//     }
//     if (docheight - e.pageY < zoomimg_h + (2 * padding)){
//       ycoord += e.pageY - Math.max(0,(0 + zoomimg_h + (5 * padding) + e.pageY - docheight - truebody().scrollTop));
//     } else {
//       ycoord += e.pageY;
//     }
//   } else if (typeof window.event != "undefined"){
//     if ((typeof event.x != "undefined") && (typeof event.y != "undefined")) {
//       relativeX = event.x;
//       relativeY = event.y;
//     } else if ((typeof event.offsetX != "undefined") && (event.offsetY != "undefined")) {
//       relativeX = event.offsetX;
//       relativeY = event.offsetY;
//     }
// 
//     if (docwidth - event.clientX < zoomimg_w + (3 * padding)) {
//       xcoord = event.clientX - xcoord - zoomimg_w - (2 * offsetfrommouse[0]);
//     } else {
//       xcoord += truebody().scrollLeft+event.clientX;
//     }
//     if (docheight - event.clientY < zoomimg_h + (2 * padding)){
//       ycoord += event.clientY - Math.max(0,(0 + zoomimg_h + (5 * padding) + e.pageY - docheight - truebody().scrollTop));
//     } else {
//       ycoord += truebody().scrollTop + event.clientY;
//     }
//   }
// 
//   trail = gettrail();
//   startx    = trail.obj.getAttribute("startx");
//   starty    = trail.obj.getAttribute("starty");
//   startw    = trail.obj.getAttribute("startw");
//   starth    = trail.obj.getAttribute("starth");
//   imagename = trail.obj.getAttribute("imagename");
//   title     = trail.obj.getAttribute("imgtitle");
// 
//   // calculate and set position BEFORE switching to visible
//   var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15;
//   var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight);
//   if(ycoord < 0) { ycoord = ycoord*-1; }
//   if ((trail.style.left == "-2000px") || (trail.style.left == "")) { trail.style.left=xcoord+"px"; }
//   if ((trail.style.top == "-2000px") || (trail.style.top == "")) { trail.style.top=ycoord+"px"; }
//   trail.style.left=xcoord+"px";
//   trail.style.top=ycoord+"px";
// //	alert (trail.style.left+","+trail.style.top);
// 
//   if (trail.style.visibility != "visible") {
//     if (((relativeX == null) || (relativeY == null)) ||
//       ((relativeX >= startx) && (relativeX <= (startx + startw))
//       && (relativeY >= starty) && (relativeY <= (starty + starth)))){
//       newHTML = '<div><h1>' + title + '</h1>';
//       newHTML = newHTML + '<img src="' + imagename + '"></div>';
//       trail.obj.innerHTML = newHTML;
//       trail.style.visibility="visible";
//     }
//   }