// JScript File
function ToolTip_cordfr(ToolTip_event)
    {
        var var_x1=null;
        var var_y1=null;
        var docw=ToolTip_event.offsetWidth;
        var doch=ToolTip_event.offsetHeight;
        var doct=getdoctopfr(ToolTip_event);
        var docl=getdocleftfr(ToolTip_event);
        var_x1 += docl;
           if(var_x1>200)
               {
                DivLeftRightImg="Left";
                var_x1 -= 372;
               }
           else
               {
               DivLeftRightImg="Right";
                  var_x1 +=docw;
                  var_x1 += 1;
				  }
        var rely=null;
        rely += doct;
        rely = rely +(doch/2);
        var_y1=rely;
     return {x:var_x1 , y:var_y1};
    }
function Display_ToolTipfr(e,divtag)
{   
    //debugger
    dropout();  
    
    var ToolTip_event=null;
    var nn6=document.getElementById&&!document.all;
    if(nn6)
    {
        ToolTip_event=e.target;
    }
    else
    {	
	    ToolTip_event=event.srcElement;
	}
    var cords=ToolTip_cordfr(ToolTip_event);
    //alert(cords.x+ " : "+cords.y);
    var tag=document.getElementById(divtag);
    tag.style.display="inline";
    tag.style.position = 'absolute';    
    tag.style.left = getdocleftfr(ToolTip_event)+'px'; 
  
    //if(divtag=="divperidot")
      //  tag.style.top = getdoctopfr(ToolTip_event)+ToolTip_event.offsetHeight+28+'px';
    //else if(divtag=="divperidotrings")
        //tag.style.top = getdoctopfr(ToolTip_event)+ToolTip_event.offsetHeight+28+'px'; 
   // else if(divtag=="divperidotearrings")
   //     tag.style.top = getdoctopfr(ToolTip_event)+ToolTip_event.offsetHeight+18+'px';             
   // else if(divtag=="divperidotpendants")
   //     tag.style.top = getdoctopfr(ToolTip_event)+ToolTip_event.offsetHeight+18+'px';
  //  else if(divtag=="divperidotbracelets")
   //     tag.style.top = getdoctopfr(ToolTip_event)+ToolTip_event.offsetHeight+28+'px';
   // else if(divtag=="divlooseperiods")
   //     tag.style.top = getdoctopfr(ToolTip_event)+ToolTip_event.offsetHeight+28+'px';
   // else if(divtag=="divkc")
   //     tag.style.top = getdoctopfr(ToolTip_event)+ToolTip_event.offsetHeight+18+'px';


	if(divtag=="divperidot")
        tag.style.top = 138+'px';
    else if(divtag=="divperidotrings")
        tag.style.top = 138+'px';
    else if(divtag=="divperidotearrings")
        tag.style.top = 138+'px';          
    else if(divtag=="divperidotpendants")
        tag.style.top = 138+'px';
    else if(divtag=="divperidotbracelets")
        tag.style.top = 138+'px';
    else if(divtag=="divlooseperiods")
        tag.style.top = 138+'px';
    else if(divtag=="divkc")
        tag.style.top = 138+'px';

    
}

function getdoctopfr(e)
{
    var abstop=null;
    if(e.offsetParent)
       {
        while(e.offsetParent)
            {
            abstop += e.offsetTop;
            e=e.offsetParent;
            }
       }
    else if(e.x)
       {
       abstop+=e.x;
       }
  return abstop;
}

function getdocleftfr(e)
{
    var absleft=null;
    if(e.offsetParent)
        {
            while(e.offsetParent)
                {
                    absleft += e.offsetLeft;
                    e=e.offsetParent;
                }
        }        
      else if(e.x)
            absleft+=e.x;
    return absleft;
}    
function dropout()
{
//debugger
    document.getElementById('divperidot').style.display="none";
    document.getElementById('divperidotrings').style.display="none";
    document.getElementById('divperidotearrings').style.display="none";
    document.getElementById('divperidotpendants').style.display="none";
    document.getElementById('divperidotbracelets').style.display="none";
    document.getElementById('divlooseperiods').style.display="none";
    document.getElementById('divkc').style.display="none"; 
}