﻿// JScript File

//Following scripts for ToolTip
//========================================= Start =========================================

    //Edit the informaiton between the quotes below with the path to your image.

    var upleft = new Image();
    upleft.src = "web/common/images/upleft.gif";
    var downleft = new Image();
    downleft.src = "web/common/Images/downleft.gif";
    var upright = new Image();
    upright.src = "web/common/Images/upright.gif";
    var downright = new Image();
    downright.src = "web/common/Images/downright.gif";

    function addwarning()
    {
        var thealinks = document.getElementsByTagName("a");
        if (!thealinks) { return; }

        for(var x=0;x!=thealinks.length;x++)
        {
            if(thealinks[x].className == "addToolTip")
            {
            thealinks[x].setAttribute("tooltiptext",thealinks[x].title);
            thealinks[x].removeAttribute("title");
            thealinks[x].onmouseover=function gomouseover(){ddrivetip(this.getAttribute("tooltiptext"))};
            thealinks[x].onmouseout=function gomouseout(){hideddrivetip();};
             }
            else
            {       //remove else part
                 //remove after ajax applied
                 Loadingobj.style.display="none";
            }
        }
    }

    var offsetfromcursorX=-7; //Customize x offset of tooltip
    var offsetfromcursorY=23; //Customize y offset of tooltip

   // var offsetdivfrompointerX=13; //Customize x offset of tooltip DIV relative to pointer image
   // var offsetdivfrompointerY=13; //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

   var offsetdivfrompointerX=10; //Customize x offset of tooltip DIV relative to pointer image
    var offsetdivfrompointerY=10; //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).
    
  //temp remove belowline after AJAX Applied
    document.write('<span id="Loading" style="height: 20px; width:80; font-family:verdana; font-size:13px; font-weight:bold; position: absolute; left: 0px; top:0px; z-index: 99; color:white; background-color:gray; vertical-align:middle;"></span>'); //write out pointer image
    
    document.write('<div id="theToolTip"></div>'); //write out tooltip DIV
    document.write('<img id="ToolTipPointer" src="'+upleft.src+'" >'); //write out pointer image
       

    var ie=document.all;
    var ns6=document.getElementById && !document.all;
    var enabletip=false;
    if (ie||ns6) {
        var tipobj=document.all? document.all["theToolTip"] : document.getElementById? document.getElementById("theToolTip") : "";
    }

    var pointerobj=document.all? document.all["ToolTipPointer"] : document.getElementById? document.getElementById("ToolTipPointer") : "";
    pointerobj.style.visibility="hidden";
    //    pointerobj.style.display="none";
    
    //for loading only temp remove belowline after AJAX Applied
    var Loadingobj=document.all? document.all["Loading"] : document.getElementById? document.getElementById("ToolTipPointer") : "";
    
    

    function ietruebody(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
    }

    function ddrivetip(thetext, thewidth, thecolor){
    if (ns6||ie){
    if (typeof thewidth!=="undefined") {tipobj.style.width=thewidth+"px";}
    if (typeof thecolor!=="undefined" && thecolor!=="") {tipobj.style.backgroundColor=thecolor;}
    tipobj.innerHTML=thetext;
    enabletip=true;
    return false;
    }
    }

    function positiontip(e){
    if (enabletip){
    var nondefaultpos=false;
    var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
    var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
    
    //Find out how close the mouse is to the corner of the window
    var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20;
    var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20;

    var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX;
    var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY;

    var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000;
    //if the horizontal distance isn't enough to accomodate the width of the context menu
  
    if (rightedge<tipobj.offsetWidth){
    //move the horizontal position of the menu to the left by it's width
//            tipobj.style.left=curX-tipobj.offsetWidth+ 30+"px"; 
//            pointerobj.style.left=(curX-pointerobj.offsetWidth) - 5 + "px";   // $* 
        
     tipobj.style.left=curX-tipobj.offsetWidth+ 28+"px"; 
     pointerobj.style.left=(curX-pointerobj.offsetWidth) - 13 + "px";   // $*  13
    nondefaultpos=true;
    }
    else if (curX<leftedge)
    {
    tipobj.style.left="5px";
    }
    else{
    //position the horizontal position of the menu where the mouse is positioned
    tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px";
    pointerobj.style.left=curX+offsetfromcursorX +"px";
    }

    //same concept with the vertical position
    if (bottomedge<tipobj.offsetHeight){
    pointerobj.style.top =curY-pointerobj.offsetHeight-offsetfromcursorY+ 9 +"px";
    tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+ 6 +"px";
  // pointerobj.src == "";
      if (rightedge<tipobj.offsetWidth)
        pointerobj.src=downright.src;
      else
        pointerobj.src=downleft.src;
        
    
   
    nondefaultpos=true;
    }
    else{
    //------------------------
   //tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px";
   //  pointerobj.style.top=curY+offsetfromcursorY-5+"px";
   //-----------------------
   tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY - 8 +"px";
   pointerobj.style.top=curY+offsetfromcursorY-13+"px";
    //pointerobj.src =imagePath;
   if (rightedge<tipobj.offsetWidth)
        pointerobj.src=upright.src; 
   else
        pointerobj.src=upleft.src;
        
    }
    tipobj.style.visibility="visible";
    if (!nondefaultpos) {pointerobj.style.visibility="visible";}
    else{
    pointerobj.style.visibility="visible";}
    }
    }

    function hideddrivetip(){
    if (ns6||ie){
    enabletip=false;
    tipobj.style.visibility="hidden";
    pointerobj.style.visibility="hidden";
    tipobj.style.left="-1000px";
    tipobj.style.backgroundColor='';
    tipobj.style.width='';
    }
    }

    //document.onmousemove=positiontip;
    //addwarning();
//========================================== End ==========================================     

