<!--Preload images script for Graphlyx.com//-->

var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}

//Enter path of images to be preloaded here. 
preloadimages("http://www.clickespot.com/images/site1_r1_c1.gif",
"http://www.graphlyx.com/images/site1_r1_c2.gif",
"http://www.graphlyx.com/images/site1_r1_c3.gif",
"http://www.graphlyx.com/graphics/but_log_in.gif",
"http://www.graphlyx.com/graphics/cart_subscribe.gif",
"http://www.graphlyx.com/graphics/cart_add_to.gif",
"http://www.graphlyx.com/graphics/cart_view.gif",
"http://www.graphlyx.com/graphics/cart_check_out.gif",
"http://www.graphlyx.com/images/audiospotad_r1_c1.gif",
"http://www.graphlyx.com/images/audiospotad_r1_c2.gif",
"http://www.graphlyx.com/images/audiospotad_r2_c1.gif",
"http://www.graphlyx.com/images/audiospotad_r2_c2.gif",
"http://www.graphlyx.com/images/audiospotad_r3_c1.gif",
"http://www.graphlyx.com/images/audiospotad_r3_c2.gif",
"http://www.graphlyx.com/graphics/arrowon.gif",
"http://www.graphlyx.com/graphics/arrowoff.gif"
)

<!-- This is the code for the roll overs //-->
<!--
var isIMG = document.images;
var Buttonon;
var Buttonoff;

if (isIMG) {
   Buttonon = new Image(21,5);
   Buttonon.src = "sf/images/butoff.gif";
   Buttonoff = new Image(21,5);
   Buttonoff.src = "sf/images/buton.gif";
}
function Buttonh(Buttonname) {
   if (isIMG) {
//--------------------------------------------------------------------------------url of image goes here------and here
     document[Buttonname].src = (document[Buttonname].src.indexOf('sf/images/butoff.gif') != -1) ? 'sf/images/buton.gif' : 'sf/images/butoff.gif';

   }
}
//-->
<!-- //This is the code for the tool tips****************************//-->

<!--// Example:                                                      //-->
<!--// onMouseOver="toolTip('tool tip text here')";                  //-->
<!--// onMouseOut="toolTip()";                                       //-->
<!--// -or-                                                          //-->
<!--// onMouseOver="toolTip('more good stuff', '#FFFF00', 'orange')";//-->
<!--// onMouseOut="toolTip()";                                       //-->
<!--//MOVE this to the <body>:                                       //-->
<!--<script language="JavaScript">                                   //-->
<!--initToolTips(); </script>                                        //-->
<!--//***************************************************************//-->
<!--
var ns4 = document.layers;
var ns6 = document.getElementById && !document.all;
var ie4 = document.all;
offsetX = 0;
offsetY = 20;
var toolTipSTYLE="";
function initToolTips()
{
  if(ns4||ns6||ie4)
  {
    if(ns4) toolTipSTYLE = document.toolTipLayer;
    else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style;
    else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style;
    if(ns4) document.captureEvents(Event.MOUSEMOVE);
    else
    {
      toolTipSTYLE.visibility = "visible";
      toolTipSTYLE.display = "none";
    }
    document.onmousemove = moveToMouseLoc;
  }
}
function toolTip(msg, fg, bg)
{
  if(toolTip.arguments.length < 1) // hide
  {
    if(ns4) toolTipSTYLE.visibility = "hidden";
    else toolTipSTYLE.display = "none";
  }
  else // show
  {
    if(!fg) fg = "#777777";
    if(!bg) bg = "#FFFFFF";
    var content =
    '<table width="150" border="0" cellspacing="0" cellpadding="1" bgcolor="' + fg + '"><td>' +
    '<img src="sf/pics/bar150x10d.gif">'+


    '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + bg + 
    '"><td align="center"><font face="sans-serif" color="' + fg +
    '" size="-2" class="tooltipcontent">&nbsp\;' + msg +
    '&nbsp\;</font></td></table></td></table>';
    if(ns4)
    {
      toolTipSTYLE.document.write(content);
      toolTipSTYLE.document.close();
      toolTipSTYLE.visibility = "visible";
    }
    if(ns6)
    {
      document.getElementById("toolTipLayer").innerHTML = content;
      toolTipSTYLE.display='block'
    }
    if(ie4)
    {
      document.all("toolTipLayer").innerHTML=content;
      toolTipSTYLE.display='block'
    }
  }
}
function moveToMouseLoc(e)
{
  if(ns4||ns6)
  {
    x = e.pageX;
    y = e.pageY;
  }
  else
  {
    x = event.x + document.body.scrollLeft;
    y = event.y + document.body.scrollTop;
  }
  toolTipSTYLE.left = x + offsetX;
  toolTipSTYLE.top = y + offsetY;
  return true;
}
//--->