<!--
 /*This is the JavaScript file for creating customer-side tooltips. It is very cross-platform. You only need to know to call the foodTip and nukeFoodTip. You can change the display of the tooltip in the getContents function.*/
  var posX=15;
  var posY=13;
  var allSupport = (document.all!=null || window.sidebar!=null || document.getElementById != null);
  
  var loadedImages = new Array();
  
  var mouseIsOver = false;
  
  var defaultFoodTipStyle = "border-width:0px;border-color: #000000;border-style: solid; z-index:10";

  function getElement(elName) {
    // Get an element from its ID
    if (allSupport)
      return document.getElementById(elName);
    else
      return document.layers[elName]
  }

  function writeContents(el, tip) {
    // Replace the contents of the tooltip
    if (allSupport)
      el.innerHTML = tip
    else {
      // In NS, insert a table to work around
      // stylesheet rendering bug.
      // NS fails to apply style sheets when writing
      // contents into a positioned element.
      el.document.open()
      el.document.write("<TABLE WIDTH=300 BORDER=1 bordercolor=black cellpadding=0 cellspacing=0><TR><TD WIDTH=100%>")
      el.document.write(tip)
      el.document.write("</TD></TR></TABLE>")
      el.document.close()
    }
  }

  function getOffset(el, which) {
    // Function for IE to calculate position 
    // of an element.
    var amount = el["offset"+which] 
    if (which=="Top")
      amount+=el.offsetHeight
    el = el.offsetParent
    while (el!=null) {
      amount+=el["offset"+which]
      el = el.offsetParent
    }
    return amount
  }
  
  function setPosition(el, src) {
  
    // Set the position of an element
    if (allSupport) {
    
      //Different browsers respond to Top and pixelTop; both are set, the wrong one is ignored
      //by the browser
    
      el.style.pixelTop = getOffset(src, "Top") + posY 
      el.style.top = getOffset(src, "Top") + posY + "px";
      
      
      
      el.style.pixelLeft = 0;
      el.style.left = "0px";
      
      var srcX = getOffset(src, "Left");
      var elX = getOffset(el, "Left");
      var dx = srcX - elX;
      
      el.style.pixelLeft += dx;
      el.style.left = el.style.pixelLeft+"px";
      
      //el.style.left = getOffset(src, "Left")+ posX + "px";
      //el.style.pixelLeft = getOffset(src, "Left") + posX
    } else
    {
      el.top = src.y + 20 + posY
      el.left = src.x + posX
    }
  }
  
  function getScrollTop()
  {
   var y;
   if (self.pageYOffset) // all except Explorer
   {
   	y = self.pageYOffset;
   }
   else if (document.documentElement && document.documentElement.scrollTop)
   	// Explorer 6 Strict
   {
   	y = document.documentElement.scrollTop;
   }
   else if (document.body) // all other Explorers
   {
   	y = document.body.scrollTop;
   }
   return y;
  }
  
  function getWindowHeight()
  {
   var x,y;
   if (self.innerHeight) // all except Explorer
   {
   	x = self.innerWidth;
   	y = self.innerHeight;
   }
   else if (document.documentElement && document.documentElement.clientHeight)
   	// Explorer 6 Strict Mode
   {
   	x = document.documentElement.clientWidth;
   	y = document.documentElement.clientHeight;
   }
   else if (document.body) // other Explorers
   {
   	x = document.body.clientWidth;
   	y = document.body.clientHeight;
   }
   return y;
  }

  
  function setFoodImgPosition(el, src, img) {
    // Set the position of an element
    if (allSupport)
    {
    
      el.style.pixelLeft = 0;
      el.style.left = "0px";
      
      var srcX = getOffset(src, "Left");
      var elX = getOffset(el, "Left");
      var dx = srcX - elX;
      
      el.style.pixelLeft += dx;
      el.style.left = el.style.pixelLeft+"px";
      
      if(getOffset(src, "Top") - posY - img.height - getScrollTop() > 0)
	  {
	      el.style.pixelTop = getOffset(src, "Top") - posY - 10 - img.height; 
	      el.style.top = getOffset(src, "Top") - posY - 10 - img.height + "px";
	  }
	  else
	  {
  		  el.style.pixelTop = getOffset(src, "Top") + posY 
    	  	  el.style.top = getOffset(src, "Top") + posY + "px";
	  }		
    }
    else
    {
      el.left = src.x + posX
	if(src.y + posY + img.height - 
	    document.body.scrollTop > document.body.clientHeight)	
    {
        el.top = src.y + 10 - posY - img.height;
    }
	else
	{
    	  el.top = src.y + 20 + posY;
	}
		
    }
  }
      
  function setVisibility(el, bDisplay) {
    // Hide or show to tip
    if (bDisplay)
      if (allSupport)
        el.style.visibility = "visible" 
      else
        el.visibility = "show";
    else
      if (allSupport)
        el.style.visibility = "hidden"
      else
        el.visibility = "hidden"
  }

  function getContent(toDisplay) {
	
	var content;

	content = 
	"<table style='border-width:2px; border-color:#000000; border-style:outset;padding: 10px;z-index:10' 	bgcolor='#000000' cellspacing='0' cellpadding='3' width='100%'>" +
	"   <tr>" +
	"   	<td><span style='color: #F00; text-decoration: bold'>" + toDisplay + "</span></td>" +
	"   </tr>" +
	"   <tr>" +
	"   	<td height='5'><spacer type='block' width='1' height='1'></td>" +
	"   </tr>" +
	"   <tr>" +
	"</table>";

	return content;

	
  }

  function getFoodContent(toDisplay, tipStyle) {
	
	var content;

    tipStyle = tipStyle ? tipStyle : defaultFoodTipStyle;

	content = 
	"<img src='" + toDisplay.src + "' style='" + tipStyle + "'/>";

	return content;

	
  }

  function displayContents(srcObj, toDisplay) {
    // Display the tooltip. 
    var el = getElement("tipBox")
	var content = getContent(toDisplay);
    writeContents(el, content)
    setPosition(el, srcObj)
    setVisibility(el, true)
  }


  function displayFoodContents(srcObj, toDisplay, tipStyle) {
    // Display the tooltip. 
    var el = getElement("tipBox");
	var content = getFoodContent(toDisplay, tipStyle);
    writeContents(el, content)
    setFoodImgPosition(el, srcObj, toDisplay)
    setVisibility(el, true)
  }


  function tip(srcObj, toDisplay) {
        
		displayContents(srcObj, toDisplay); 
  }

  function imageIsLoaded(img)
  {
  	if(!img.complete)
  		return false;

  	if(typeof img.naturalWidth !="undefined" && img.naturalWidth == 0)
  		return false;

  	return true;
  }
  
  function foodTip(srcObj, toDisplay, fromMouseOver, tipStyle) {
		if(fromMouseOver) mouseIsOver = true;
        	if(typeof loadedImages[toDisplay] == "undefined")
		{
			loadedImages[toDisplay] = new Image();
			loadedImages[toDisplay].src = toDisplay;
		}
		if(imageIsLoaded(loadedImages[toDisplay]) && mouseIsOver)
			displayFoodContents(srcObj, loadedImages[toDisplay], tipStyle.replace(/{/,"").replace(/}/,"")); 
		else if(mouseIsOver)
		{
			setTimeout("foodTip(getElement('" + srcObj.id + "'), '" +
			    toDisplay + "', false, \"" + tipStyle + "\")", 500);
		}
			
  }

  function nukeFoodTip() {
	  mouseIsOver = false
	  setVisibility(getElement("tipBox"), false);
  }
//-->

