/*

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

*/



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) + event.clientY - 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";

    }

  }

}