/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/

var offsetfrommouse=[15,-100]; //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 = 270; // maximum image size.

if (document.getElementById || document.all){
  document.write('<div id="trailimageid">');
  document.write('</div>');
}

function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimagid.style
}

function gettrailobjnostyle(){
if (document.getElementById)
return document.getElementById("trailimageid")
else if (document.all)
return document.all.trailimagid
}

function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function showhelptrail(imagename,title,description,height){
  if (height > 0){
    currentimageheight = height;
  }
  
  document.onmousemove=followmouse;

//  newHTML = '<table bgcolor="#000000" cellpadding="5" border="1"><TR><TD align="center">';
//  newHTML = newHTML + '<font color="white" size="2">' + description + '</font><br/>';
//  newHTML = newHTML + '<img src="imgs/spacer.gif" width="270" height="7" border="0"><br/>';
//  newHTML = newHTML + '<img src="' + imagename + '" border="0"><br/></td></tr></table>';





  newHTML = '<div align="center" style="width: 300px; padding: 1px; background-color: #000000; border: 2px solid #444;">';
  newHTML = newHTML + '<h2>' + title + '</h2>';
  //newHTML = newHTML + '<div align="left">';

  newHTML = newHTML + '<table bgcolor="#000" width="280"><tr><td>';

  newHTML = newHTML + '<font style="font-size: 11pt;">By proudly showing the world just exactly where you found this hilarious shirt, you will receive $2.00 off its already-low price when you check out!  In the center of the upper back of the shirt, we will stylishly brand your shirt with the Meanshirts.com logo as shown in the picture below.<BR><BR>Save some cash while adding some flare!</font><br/><br/>';

  newHTML = newHTML + '</td></tr></table>';

  newHTML = newHTML + '<img src="imgs/logosamps.jpg" border="0">\n';
  newHTML = newHTML + '</div>';

  gettrailobjnostyle().innerHTML = newHTML;
  gettrailobj().display="inline";
  return 0;
}


function hidehelptrail(){
  gettrailobj().innerHTML = " ";
  gettrailobj().display="none"
  document.onmousemove=""
  gettrailobj().left="-500px"

}

function followmouse(e){
  var xcoord=offsetfrommouse[0]
  var ycoord=offsetfrommouse[1]
  var AddtoYcoord = 140;
  var AddtoXcoord = 400;
  var XBound = 405;

  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 (typeof e != "undefined"){
    if (docwidth - e.pageX < XBound){
      xcoord = e.pageX - xcoord - AddtoXcoord; // Move to the left side of the cursor
    } else {
      xcoord += e.pageX;
    }
    if (docheight - e.pageY < (currentimageheight + AddtoYcoord)){
      ycoord += e.pageY - Math.max(0,(AddtoYcoord + currentimageheight + e.pageY - docheight - truebody().scrollTop));
    } else {
      ycoord += e.pageY;
    }

  } else if (typeof window.event != "undefined"){
    if (docwidth - event.clientX < XBound){
      xcoord = event.clientX + truebody().scrollLeft - xcoord - AddtoXcoord; // Move to the left side of the cursor
    } else {
      xcoord += truebody().scrollLeft+event.clientX
    }
    if (docheight - event.clientY < (currentimageheight + AddtoYcoord)){
      ycoord += event.clientY + truebody().scrollTop - Math.max(0,(AddtoYcoord + currentimageheight + event.clientY - docheight));
    } else {
      ycoord += truebody().scrollTop + event.clientY;
    }
  }

  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; }
  gettrailobj().left=xcoord+"px"
  gettrailobj().top=ycoord+"px"

}


function delay_showhelptrail(delay,imagename,title,description,height){
  // if 0 delay is passed, set a default
  //if (delay == 0) delay = 200;

  string1 = "showtrail('" + imagename + "','" + title + "','" + description + "'," + height + ");";

  setTimeout(string1,delay);
}