// JavaScript Document
<!--
// Declare variables
var D   = document;
var DOM = D.getElementById;
var IE  = D.all;
var bShowTip = 0;
var nXOffset = IE ? 1 : 0;   // X offset from cursor
var nYOffset = IE ? -1 : 0;  // Y offset from cursor
var nSpacing = IE ? 0 : 0;    // Reconcile spacing for consistent edge detection
var x=0, y =0, W = 0, H = 0,SW = 0,SH = 0,nMove = 0;
var appName = 'MAIN';

function showTip(tip,header){  
  var oBubble = D.getElementById('bubble');
  if (!DOM || typeof oBubble=='undefined') return;
  if (tip) {
    // Render tooltip; get its true size
    if (oBubble.style.display == 'none')
    {
      if (appName == 'MAIN') {
        trackPosMain();   // need to call only in case of main-site
      }
      
      var tempText = "";
      tempText = "<p style='font-size:14px;'><b>" + header + "</b></p>";
      tempText += eval(tip);
      oBubble.innerHTML = tempText; //eval(sTerm + '.definition'); 
      oBubble.style.visibility = 'hidden';
      oBubble.style.display = 'block';
      nTipWidth = oBubble.offsetWidth;
      nTipHeight = oBubble.offsetHeight;
      oBubble.style.display = 'none';
      oBubble.style.visibility = 'visible';
      bShowTip = 1;
      moveTip();
    }
  } else {
    // Hide tooltip if no argument passed
    oBubble.style.display= 'none';
    bShowTip = 0;
  }
}

function showPopup(show) {
  //alert(show);
  var oBubble = D.getElementById('bubble');
  oBubble.style.visibility = (show) ? "visible" : "hidden";
  oBubble.style.display = (show) ? '' : "none";
}

function moveTip() {
  // Position tooltip; ensure it doesn't bleed
  var oBubble = D.getElementById('bubble');
  oBubble.style.left = (((_tW=x+nTipWidth)<=W) ? x : x-(_tW-W)) + 'px';
  oBubble.style.top = ((nTipHeight+nYOffset+nSpacing>=y-SH || y+nTipHeight<=H+SH) ? y : y-nTipHeight-nYOffset-nSpacing-1) + 'px';
  oBubble.style.display = 'block';
}

function setDocSize() {
  // -16 to account for scrollbar in Gecko browsers
  W = window.innerWidth-16 ||
      D.documentElement.clientWidth ||
      D.body.clientWidth;
  H = window.innerHeight ||
      D.documentElement.clientHeight ||
      D.body.clientHeight;
}

function setScrollSizeMain() {
  SW = window.pageXOffset ||
       D.body.scrollLeft ||
       D.documentElement.scrollLeft;
  SH = window.pageYOffset ||
       D.body.scrollTop ||
       D.documentElement.scrollTop;
}

function trackPosMain(){
  if ( navigator.appName == "Netscape"){
    trackPosMain1();
  }
  else{
    trackPosMain2();
  }
}

var trackPos = 'true';
function trackPosMain1() {
  //document.getElementById('searchQuery').value = trackPos;
  D.onmousemove = function(e) {
    setDocSize();
    setScrollSizeMain();
      if (e) {
        x = e.pageX;
        y = e.pageY;        
      } else {
        x = event.clientX + SW;
        y = event.clientY + SH;
       // document.getElementById('searchQuery').value = event.name; //'x : ' + ' y : ' + y;
      }
      x += nXOffset;
      y += nYOffset;
      //if (bShowTip) moveTip();
     //document.getElementById('searchQuery').value = 'x : ' + x + ' y : ' + y;
  }
  //setTimeout("trackPosMain()", 200);
}

function trackPosMain2() {
  //document.getElementById('searchQuery').value = trackPos;
  //D.onmousemove = function(e) {
    setDocSize();
    setScrollSizeMain();
    
    var e = window.event;
    if (e)
    {
      if (e.pageX || e.pageY) {
        x = e.pageX;
        y = e.pageY;
      }
      else if (e.clientX || e.clientY) {
        x = e.clientX + SW;
        y = e.clientY + SH;
      }
    }

      x += nXOffset;
      y += nYOffset;
      //if (bShowTip) moveTip();
     //document.getElementById('searchQuery').value = 'x : ' + x + ' y : ' + y;
  //}
  //setTimeout("trackPosMain()", 200);
}

function setScrollSizeTOMI() { // this method is differnent for main-site
  SW = window.pageXOffset ||
       D.body.scrollLeft ||
       D.documentElement.scrollLeft;
  SH = document.getElementById('right').scrollTop;
       //D.body.scrollTop ||
       //D.documentElement.scrollTop;
}

function trackPosTOMI() { // this method is differnent for main-site
    trackTomiDoc();
    D.onmousemove = function(e) { 
    if (e) {
      x = e.pageX + SW - 200;
      y = e.pageY + SH - 110;
    } else {
      x = event.clientX + SW - 200;
      y = event.clientY + SH - 110;
    }
    x += nXOffset;
    y += nYOffset;
    //if (bShowTip) moveTip();
  }
  setTimeout("trackPosTOMI()", 200);
}

function trackTomiDoc()
{
   setDocSize();
   setScrollSizeTOMI();
}

function  writeBubble() {
  D.write('<div id="bubble" onmouseover="showPopup(true)" onmouseout="showPopup(false)" style="position:absolute;width:320px;background:#ffffff;border:2px solid #eb5f01;display:none;padding:.5em;z-index:100"></div>');
}

 var theobj;
  var thetext;
  var winWidth;
  var timerID;
  var header = "";
  
  function buildText(value) {
 
  text="<div class='alert mb0 ml10 p0505' "
  text+="style='width:"+(winWidth)+"px;'>"
  if ( header != "" )
  {
      text+="<p style='font-size:14px;'><b>" + header + "</b></p>"
  }
  text += "<p>" + value + "</p>"
  text+="</div>"
  return text
  }
  
  function viewPopup(textId,inwidth,textValue,textHeader) {
    winWidth=inwidth;
    if ( textId.indexOf(textValue) == 0 )
    {
      textValue = eval( textValue );
    }
    if ( textHeader != null )
    {
       header = textHeader;
    }
    else
    {
      header = "";
    }
    thetext=buildText(textValue);
          if(theobj != null){
            theobj.innerHTML = "";
            theobj.style.visibility="hidden";
          }
    theobj=document.getElementById(textId);
    theobj.style.width=winWidth;
    theobj.innerHTML = "";
    theobj.innerHTML=thetext;
    theobj.style.visibility="visible";
  }
  function hidePopup() {
    if(theobj != null){
      theobj.innerHTML = "";
      theobj.style.visibility="hidden";
    }
  }

function highlighttable(arrayOfIDsShow)
{
  if ( typeof( arrayOfIDsShow.length) == 'undefined')
    return false;

  for ( var i = 0; i< arrayOfIDsShow.length; i++ )
  {
    var moreItems = arrayOfIDsShow[ i ];
    var moreStuff = document.getElementById(moreItems);
    moreStuff.style.display = '';
  }
  return true;
}

function diminishtable(arrayOfHides)
{
  if ( typeof( arrayOfHides.length) == 'undefined')
    return false;

  for ( var i = 0; i< arrayOfHides.length; i++ )
  {
    var moreSKU = arrayOfHides[ i ];
    var moreID = document.getElementById(moreSKU);
    moreID.style.display = 'none';
  }
  return true;
}
//-->