isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;
isHot=false;

function ddInit(e){
  topDog=isIE ? "BODY" : "HTML";
  whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer");  
  hotDog=isIE ? event.srcElement : e.target;  
  
  if (hotDog.className == "OpenQuickLink")
  {       
    if (isIE)
    {
        whichDog.style.left = event.clientX - 200;
        whichDog.style.top =document.body.scrollTop + 20;
    }
    else
    {
        whichDog.style.left = e.clientX - 200;
        whichDog.style.top = window.pageYOffset + 20;
    }
    //alert (document.body.scrollTop);
    
 }
  
  while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){
    hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;
  }  
  if (hotDog.id=="titleBar"){
    offsetx=isIE ? event.clientX : e.clientX;
    offsety=isIE ? event.clientY : e.clientY;
    nowX=parseInt(whichDog.style.left);
    nowY=parseInt(whichDog.style.top);
    ddEnabled=true;
    document.onmousemove=dd;
  }
}

function dd(e){
  if (!ddEnabled) return;
  whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; 
  whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
  return false;  
}

function ddN4(whatDog){
  if (!isN4) return;
  N4=eval(whatDog);
  N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
  N4.onmousedown=function(e){
    N4.captureEvents(Event.MOUSEMOVE);
    N4x=e.x;
    N4y=e.y;
  }
  N4.onmousemove=function(e){
    if (isHot){
      N4.moveBy(e.x-N4x,e.y-N4y);
      return false;
    }
  }
  N4.onmouseup=function(){
    N4.releaseEvents(Event.MOUSEMOVE);
  }
}

function hideMe(){
  document.getElementById("theDivContent").innerHTML = "";
  if (isIE||isNN) whichDog.style.visibility="hidden";
  else if (isN4) document.theLayer.visibility="hide";
}

function showMe(productID){
  
  document.getElementById("theDivContent").innerHTML = "<div style='font-family:arial; font-weight:bold'>Loading....</div>";
  
  if (isIE||isNN) whichDog.style.visibility="visible";
  else if (isN4) document.theLayer.visibility="show";
  
 
  showHint(productID);
 
 
}

document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");



// AJAX PART

var xmlHttp

function showHint(str)
{
if (str.length==0)
{ 
document.getElementById("theDivContent").innerHTML=""
return
}
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
} 
var url="AjaxProduct.aspx"
url=url+"?product="+str
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged 
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
} 

function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{ 
document.getElementById("theDivContent").innerHTML=xmlHttp.responseText 
} 
} 

function GetXmlHttpObject()
{ 
var objXMLHttp=null
if (window.XMLHttpRequest)
{
objXMLHttp=new XMLHttpRequest()
}
else if (window.ActiveXObject)
{
objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
}
return objXMLHttp
} 


function showTab2()
{
  var bulletTab = document.getElementById("BulletPoints");
  var varTab = document.getElementById("FormVars");
  
  var imagetab1 = document.getElementById("Tab1");
  var imagetab2 = document.getElementById("Tab2");
   
  bulletTab.style.visibility="visible";
  varTab.style.visibility="hidden";
  
  
  imagetab1.src = 'graphics/tab1over.gif';
  imagetab2.src = 'graphics/tab2.gif';
}

function showTab1()
{
  var bulletTab = document.getElementById("BulletPoints");
  var varTab = document.getElementById("FormVars");
  
  var imagetab1 = document.getElementById("Tab1");
  var imagetab2 = document.getElementById("Tab2");
   
  bulletTab.style.visibility="hidden";
  varTab.style.visibility="visible";
  
  imagetab1.src = 'graphics/tab1.gif';
  imagetab2.src = 'graphics/tab2Over.gif';    
}