// JScript File

    function getDivTag()
    {
        var helpbox = "<div id='divDescription' class='hideDescription'>"+
       "<table border='0' cellpadding='0' cellspacing='0'>"+
        "<tr>"+
          "<td><img src='/Help/bubble_01.gif' alt='' /></td>"+
          "<td background='/Help/bubble_02.gif'></td>"+
          "<td><img src='/Help/bubble_03.gif' alt='' /></td>"+
        "</tr>"+
        "<tr>"+
          "<td background='/Help/bubble_04.gif'></td>"+
          "<td valign='top' bgcolor='#F7F8F9'><table border='0' cellpadding='1' cellspacing='0'>"+
              "<tr>"+
                "<td rowspan='2' align='center' valign='top'><img id='imgContent' alt='Box Shot' /></td>"+
                "<td align='left' valign='top'><div class='TextMainArial' id='divTitle'> Product"+
                    "Title</div></td>"+
              "</tr>"+
              "<tr>"+
                "<td align='left' valign='top'><div class='TextMainArial' id='divContent'> <br />"+
                  "</div></td>"+
              "</tr>"+
              
            "</table></td>"+
          "<td background='/Help/bubble_06.gif'></td>"+
        "</tr>"+
        "<tr>"+
          "<td ><img src='/Help/bubble_07.gif' alt='' /></td>"+
          "<td background='/Help/bubble_08.gif'><img src='/Help/corner.gif' /></td>"+
          "<td><img src='/Help/bubble_09.gif' alt='' /></td>"+
        "</tr>"+
      "</table>"+
      "</div>";
      
      document.getElementById("divHelp").innerHTML = helpbox;
    }
    
    
    var DescriptionWidth = 500;
    bV  = parseInt(navigator.appVersion);
    bNS = navigator.appName=="Netscape";
    bIE = navigator.appName=="Microsoft Internet Explorer";
    
    function ShowInfo()
    {
	    var myWidth;
	    var a = ShowInfo.arguments;
	    var index = a[0];
	    var elem = a[1];
	    var myevent = a[2];
	    if(a.length>3){
		    myWidth = a[3];
	    }else {
		    myWidth = DescriptionWidth;
	    }
	    ChangeDescriptionWidth(myWidth);
	    ChangeImage(index);
	    ChangeTitle(index);
	    ChangeDescription(index);
	    ChangePositions(elem);
	    ShowInfoDiv();
    }

    function ChangeDescriptionWidth(mywidth)
    {
	    var mydiv = document.getElementById("divDescription");
	    mydiv.style.width = mywidth;
    }

    function ChangeTitle(index)
    {
	    var mydiv = document.getElementById("divTitle");
	    mydiv.innerHTML = myTitle[index];
    }
    
    function ChangeImage(index)
    {
	     var myimg = document.getElementById('imgContent');
	     myimg.src = myImage[index];
	}

    function ChangeDescription(index)
    {
	    var mycontent = document.getElementById('divContent');
	    mycontent.innerHTML = myDescription[index];
    }
    
    function ShowInfoDiv()
    {
	    var mydiv = document.getElementById('divDescription');
	    mydiv.className = 'showDescription';
    }

    function StartHideInfoTimeOut()
    {
	    var mydiv = document.getElementById('divDescription');
	    mydiv.className = 'hideDescription';
	    //InfoBoxTimer = setTimeout("HideInfoDiv()",400);
    }

    function ChangePositions(e) 
    {
	    var mydiv = document.getElementById('divDescription');
	    var myX;
	    var myY;
	    myX = findPosX(e);
	    myY = findPosY(e);
	    mydiv.style.left = parseInt(myX +15) + 'px';
	    mydiv.style.top = parseInt(myY - (parseInt(mydiv.offsetHeight))) + 'px';
	    return false;   
    }

    function findPosX(obj)
    {
	    var curleft = 0;
	    if (obj.offsetParent)
	    {
		    while (obj.offsetParent)
		    {
			    curleft += obj.offsetLeft
			    obj = obj.offsetParent;
		    }
	    }
	    else if (obj.x)
		    curleft += obj.x;
	    return curleft;
    }

    function findPosY(obj)
    {
	    var curtop = 0;
	    if (obj.offsetParent)
	    {
		    while (obj.offsetParent)
		    {
			    curtop += obj.offsetTop
			    obj = obj.offsetParent;
		    }
	    }
	    else if (obj.y)
		    curtop += obj.y;
	    return curtop;
    }

    var InfoBoxTimer;
    myImage = new Array();
    myDescription = new Array();
    myTitle = new Array();