// JScript File
function ToolTip(id,isAnimated,aniSpeed)
{ var isInit = -1;
  var div,divWidth,divHeight;
  var xincr=10,yincr=10;
  var animateToolTip =false;
  var html;  
  function Init(id)
  {
   
        div = document.getElementById('divLogin');
  
   if(div==null) return;
   
   if((div.style.width=="" || div.style.height==""))
   {alert("Both width and height must be set");
   return;}
   
   divWidth = parseInt(div.style.width);
   divHeight= parseInt(div.style.height);
   if(div.style.overflow!="hidden")div.style.overflow="hidden";
   if(div.style.display!="none")div.style.display="none";
   if(div.style.position!="absolute")div.style.position="absolute";
   
   if(isAnimated && aniSpeed>0)
   {xincr = parseInt(divWidth/aniSpeed);
    yincr = parseInt(divHeight/aniSpeed);
    animateToolTip = true;
    }
        
   isInit++; 
   
  }
  this.Show =  function(e, curPosxClick, curPosyClick)
  {
    if(isInit<0) return;
    var newPosx,newPosy,height,width;
    if(typeof( document.documentElement.clientWidth ) == 'number' ){
    width = document.body.clientWidth;
    height = document.body.clientHeight;}
    else
    {
    width = parseInt(window.innerWidth);
    height = parseInt(window.innerHeight);
    
    }
    var curPosx = (e.x)?parseInt(e.x):parseInt(e.clientX);
    var curPosy = (e.y)?parseInt(e.y):parseInt(e.clientY);
    if(curPosxClick != null){
        curPosx = curPosxClick;
    }
    if(curPosyClick != null){
        curPosy = curPosyClick;
    }
    
    var html='';
    html += 
            "<table border=\"0\" cellpadding=\"0\" cellspacing=\"4\">"+
             "<tr>" +
                "<td align=\"left\"><span style=\"font-size:12px; color:Red; font-weight:bold\">Login Form</span>" +
                "</td>" +
                "<td align=\"right\">" +
                    "<img src=\"images/close.gif\"  style=\"cursor:pointer\" onclick=\" javascript:tooltip = new ToolTip(document.getElementById('divLogin'),false);tooltip.Hide(event)\"/>" +
                "</td>" +
             "</tr>" +
             "<tr>" +
                "<td align=\"right\">" +
                "Username:" +
                "</td>" +
                "<td align=\"left\">" + 
                "<input type=\"text\" id=\"username\" name=\"username\" />" + 
                "</td>" +
             "</tr>" + 
             "<tr>" +
                "<td align=\"right\">" +
                "Password:</td>" +
                "<td align=\"left\">" +
                "<input type=\"password\" id=\"TextBoxPassword\" name=\"TextBoxPassword\"  onkeypress=\"javascript:handleKeyPress(event);\"/>" +
                "</td>" +
             "</tr>" +
             "<tr>" +
                "<td colspan=\"2\" align=\"right\">" +
                "<a href=\"javascript:Login('username','TextBoxPassword');\" >Login</a>&nbsp;|&nbsp;<a href=\"javascript:dochangepage('Agreement')\" >Create account</a></td>" +
             "</tr>" +
             "<tr>" +
                "<td colspan=\"2\" align=\"right\">" +
                     "<a href=\"javascript:dochangepage('ForgotPassword')\">Forgot your password?</a>"+
                "</td>" +
             "</tr>" +
             "<tr>" +
             "<td colspan=\"2\">" +
             "<div id=\"divLoadingDefault\"></div>" + 
             "</td>" +
             "</tr>" +
             "</table>";
    div.innerHTML = html;   

    if((curPosx+divWidth+10)< width)
    newPosx= curPosx+10;
    else
    newPosx = curPosx-divWidth;

    if((curPosy+divHeight)< height)
    newPosy= curPosy;
    else
  //  newPosy = curPosy-divHeight-10;
        newPosy = curPosy+10;
   if(window.pageYOffset)
   { newPosy= newPosy+ window.pageYOffset;
     newPosx = newPosx + window.pageXOffset;}
   else
   { newPosy= newPosy+ document.body.scrollTop;
     newPosx = newPosx + document.body.scrollLeft;}

    div.style.display='block';
    div.style.top= newPosy + "px";
    div.style.left= newPosx+ "px";

    div.focus();
    if(animateToolTip){
    div.style.height= "0px";
    div.style.width= "0px";
    ToolTip.animate(div.id,divHeight,divWidth);}
      
    
    }

   this.Hide= function(e)
    {
    div.style.display='none';
    if(!animateToolTip)return;
    div.style.height= "0px";
    div.style.width= "0px";}
    
   this.SetHTML = function(strHTML)
   {html = strHTML;
    div.innerHTML=html;} 
    
    ToolTip.animate = function(a,iHeight,iWidth)
  { a = document.getElementById(a);
         
   var i = parseInt(a.style.width)+xincr ;
   var j = parseInt(a.style.height)+yincr;  
   
   if(i <= iWidth)
   {a.style.width = i+"px";}
   else
   {a.style.width = iWidth+"px";}
   
   if(j <= iHeight)
   {a.style.height = j+"px";}
   else
   {a.style.height = iHeight+"px";}
   
   if(!((i > iWidth) && (j > iHeight)))      
   setTimeout( "ToolTip.animate('"+a.id+"',"+iHeight+","+iWidth+")",1);
    }
   Init(id);
}

function showLoginForm(e) {
    var tooltip = new ToolTip(document.getElementById('divLogin'),false);
    tooltip.Show(e);
}