//thumbnail.js


var thumbnail_div_container="div1";



function get_mouse_for_thumbnail(e)
{    
  var x = 0;
  var y = 0;
 
  var ee;
  if (e) {ee=e;} else {ee=window.event;}

  if (ee.pageXOffset)
  {
   x=ee.pageXOffset;
  } else {
   if (document.documentElement.scrollLeft>document.body.scrollLeft)
   {
    x=ee.clientX+document.documentElement.scrollLeft;
   } else {
    x=ee.clientX+document.body.scrollLeft;
   }
  }
  if (ee.pageYOffset)
  {
   y=ee.pageYOffset;
  } else {
   if (document.documentElement.scrollTop>document.body.scrollTop)
    {
     y=ee.clientY+document.documentElement.scrollTop;
    } else {
     y=ee.clientY+document.body.scrollTop;
    }
  }

 

  document.getElementById(thumbnail_div_container).style.top = y + 5 + "px";
  document.getElementById(thumbnail_div_container).style.left = x + 5+ "px";

}


function write_div(Text,divID) {
//var firstPartOfTable = '<table cellpadding="1" cellspacing="0" border="0"><tr><td><table width="100%" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="5"><tr><td align="left" valign="middle">';
//var secondPartOfTable = '</td></tr></table></td></tr></table>';

var firstPartOfTable = '';
var secondPartOfTable = '';

  if(document.layers) {
    document.layers[divID].document.open();
    document.layers[divID].document.write(firstPartOfTable+Text+secondPartOfTable);
    document.layers[divID].document.close();
  }   else { 

   document.getElementById(divID).innerHTML=firstPartOfTable+Text+secondPartOfTable;
 }
}

function hide_div(divID) {

if(document.getElementById)
  { 
    document.getElementById(divID).style.visibility = "hidden";
  }
  
}

function show_div(divID) {
 if(document.getElementById)
 { document.getElementById(divID).style.visibility = "visible";}
}

function hide_thumbnail(e)
{
 hide_div(thumbnail_div_container);
}

function show_thumbnail(e)
{
  var ee = e || window.event;

var e_out;
//alert(ee.srcElement.tagName);

if (ee.target)
{ 

 if (ee.target.tagName=='A') {e_out = ee.target.pathname;}
 if (ee.target.tagName=='IMG') {e_out = ee.target.parentNode.pathname;}
} else { 
 if (ee.srcElement.tagName=='A') {e_out = ee.srcElement.pathname;}
 if (ee.srcElement.tagName=='IMG') {e_out = ee.srcElement.parentNode.pathname;}
}
if (e_out) {
se=e_out.split("/");

var gameID;
var cardID;

if (se[0]=='')
{
 gameID=se[2];
 cardID=se[3]; 
} else {
 gameID=se[1];
 cardID=se[2]; 
} 

write_div("<img src='/api/card/getThumbnail.php4?gameID="+gameID+"&cardID="+cardID+"&maxSize=100' />",thumbnail_div_container);

get_mouse_for_thumbnail(e);
show_div(thumbnail_div_container);
}
}

function show_thumbnail_fortradeplace(e)
{
  var ee = e || window.event;

var e_out;
//alert(ee.srcElement.tagName);

if (ee.target)
{ 

 if (ee.target.tagName=='A') {e_out = ee.target.pathname;}
 if (ee.target.tagName=='IMG') {e_out = ee.target.parentNode.pathname;}
} else { 
 if (ee.srcElement.tagName=='A') {e_out = ee.srcElement.pathname;}
 if (ee.srcElement.tagName=='IMG') {e_out = ee.srcElement.parentNode.pathname;}
}
if (e_out) {
se=e_out.split("/");

var gameID;
var cardID;

if (se[0]=='')
{
 gameID=se[3];
 cardID=se[5]; 
} else {
 gameID=se[2];
 cardID=se[4]; 
} 

write_div("<img src='/api/card/getThumbnail.php4?gameID="+gameID+"&cardID="+cardID+"&maxSize=100' />",thumbnail_div_container);

get_mouse_for_thumbnail(e);
show_div(thumbnail_div_container);
}
}

function isInt (i) {
return (i % 1) == 0;
}



function add_thumbnail_to_card_link(elem)
{

var se=elem.pathname.split("/");

if (((se[0]=='card') && (isInt(se[1])) && (isInt(se[2]))) || ((se[0]=='') && (se[1]=='card') && (isInt(se[2])) && (isInt(se[3]))))
{
  if (elem.addEventListener)
   {
     elem.addEventListener("mouseover", show_thumbnail, true);
     elem.addEventListener("mouseout", hide_thumbnail, true);
   } else {
   if (elem.attachEvent)
     {
     elem.attachEvent("onmouseover", show_thumbnail);
     elem.attachEvent("onmouseout", hide_thumbnail);
    }
   } 
 }

var se=elem.pathname.split("/");

if (((se[0]=='tradeplace') && (se[1]=='tradelists') && (isInt(se[2])) && (isInt(se[4]))) || ((se[0]=='') && (se[1]=='tradeplace')  && (se[2]=='tradelists') && (isInt(se[3])) && (isInt(se[5]))))
{
  if (elem.addEventListener)
   {
     elem.addEventListener("mouseover", show_thumbnail_fortradeplace, true);
     elem.addEventListener("mouseout", hide_thumbnail, true);
   } else {
   if (elem.attachEvent)
     {
     elem.attachEvent("onmouseover", show_thumbnail_fortradeplace);
     elem.attachEvent("onmouseout", hide_thumbnail);
    }
   } 
 }

}


function init_thumbail_to_card_links()
{
 var container=document.createElement("div");

 container.setAttribute("id",thumbnail_div_container);
 container.style.visibility ="hidden";
 container.style.position="absolute";

 document.getElementsByTagName("body")[0].appendChild(container);

 for (var i = 0; i < document.links.length; ++i)
  { add_thumbnail_to_card_link(document.links[i]);}

document.onmousemove = get_mouse_for_thumbnail; 


}
window.onload=init_thumbail_to_card_links;