// JScript File
var HideToolTipTimer;
var MoveToolTipTimer;
var ie = document.all?true:false;
var mouse_X, mouse_Y;

function PositionElement(el)
    {
        var x = parseFloat(mouse_X + 10);
        
	    if ((mouse_X + 11) + parseFloat(el.style.width) > document.body.clientWidth)
	    { x = (mouse_X - (parseFloat(el.style.width))); }
	    el.style.left = x + "px";
	    
	    var y;
	    if (!ie) { y = (mouse_Y-5);  }
	    else { y = ((mouse_Y-5) + parseFloat(document.body.scrollTop)); };
	    var ht = parseFloat(el.style.height);
	    if ((y+ht)>document.body.clientHeight) { y = y - ht;}
	    el.style.top = y + "px";
    }
    
function UpdateToolTipPosition(e)
    {
    try {
    clearTimeout(MoveToolTipTimer);}
    catch(err) {}
    var el = document.getElementById("divToolTip");
    GetMousePosition(e);
    var func = function() { PositionElement(el);}
    MoveToolTipTimer = setTimeout(func,300);
    }
function ToolTip(display,width,title,content,e)
    {
        KeepVisible();
        var el = document.getElementById("divToolTip");
        el.onmouseover = function() { KeepVisible(); }
        el.onmouseout = function() { StartTimerForHideElement(this); }
        GetMousePosition(e);
        if (display == 1)
            {
            el.style.width = width + "px";
            EnterContent(title,content);
            var tar = getCaller(e);
            tar.onmousemove = function() { UpdateToolTipPosition(e); };
            }
        ToolTipShowHide(el,display);
    }
 
function ToolTipShowHide(el,display)
    {
        switch(display)
            {
            case 1:
                PositionElement(el);
                el.style.display = "block"; break;
                    
            case 0:
                StartTimerForHideElement(el);
                 break;
            
            default:
            }
    }
function StartTimerForHideElement(el)
    {
    HideToolTipTimer =setTimeout('HideElement("' + el.id + '")',1000)
    }
function HideElement(elementID)
    {
    try {
    var el = document.getElementById(elementID);
    opacity(el.id,100,0,1000);
    }
    catch(err) { alert(err); }
    }
function KeepVisible()
    {
    try {
    clearTimeout(HideToolTipTimer); }
    catch(err) {}
    }

function EnterContent(title,content)
    {
        var el = document.getElementById("toolTipContent");
        el.innerHTML = content;
        el = document.getElementById("tooltipTitle");
        el.innerHTML = title;
    }
   function GetMousePosition(e)
{
	if (ie)
	{ // grab the x-y pos.s if browser is IE
	    mouse_X = window.event.x + (document.documentElement.scrollLeft + document.documentElement.offsetLeft);
	    mouse_Y = window.event.y;
	}
	else
	{ // grab the x-y pos.s if browser is NS
		mouse_X = e.clientX //e.pageX;
		mouse_Y = e.clientY //e.pageY;
	}
	if (mouse_X < 0){mouse_X = 0;}
	if (mouse_Y < 0){mouse_Y = 0;}
}
function getCaller(e)
    {
    //if (!e) var e = window.event;
    try {if (e.target) return e.target;} catch(er){}
    try { if (e.srcElement) return e.srcElement;} catch(er){}
    }
    
function repositionElement(elementID)
    {
    var el = document.getElementById(elementID);
    var t; t = (parseFloat(window.innerHeight)/2) - (parseFloat(el.offsetHeight)/2);
    el.style.top = t + "px";
    }   
   
   
   
   function hideSelects()
{
	var oSelects = document.getElementsByTagName("select");
	for(var i=0;i<oSelects.length;i++)
		oSelects[i].style.display = "none";
}

function showSelects()
{
	var oSelects = document.getElementsByTagName("select");
	for(var i=0;i<oSelects.length;i++)
		oSelects[i].style.display = "block";
}
function MsgBoxClose()
{
	document.getElementById('MsgBox').style.visibility = "hidden";
}

function ShowMsgBox(Title,Msg)
{
	hideSelects();
	document.getElementById('MsgTitle').innerHTML = Title;
	document.getElementById('Msg').innerHTML = Msg;
	document.getElementById('MsgBox').style.top = (document.body.scrollTop + 200);
	document.getElementById('MsgBox').style.left = (document.body.clientWidth / 2) - 175;
	document.getElementById('MsgBox').style.display = "block";
	document.getElementById('MsgBox').style.visibility = "visible";
}


// JScript File
var FadeOutTimer;

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
    else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}
//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
    if (opacity <= 1)
        {
        object.display="none";
         changeOpac(100,id);
         object.filter = "";
         //try {object.removeAttribute('filter');} catch(er){}
        }
    if (opacity >= 100) { object.filter = "";
        //try {object.removeAttribute('filter');} catch(er){}
        }
}

function delayOpacity(id,opacStart, opacEnd, millisec, delay)
    {
    setTimeout("opacity('" + id + "'," + opacStart + "," + opacEnd + "," + millisec + ")",delay);
    }

function shiftOpacity(id, millisec) { 
    //if an element is invisible, make it visible, else make it ivisible 
    if(document.getElementById(id).style.opacity == 0) { 
        opacity(id, 0, 100, millisec); 
    } else { 
        opacity(id, 100, 0, millisec); 
    } 
}

function ToggleDisplay(el)
{
    var el = document.getElementById(el);
    if (el.style.display == "none")
        { try {
            clearTimeout(FadeOutTimer);
                changeOpac(1,el.id);
                    el.style.display = "block";
                        opacity(el.id,1,100,1000);
                        }
                        catch (err) { alert("There was an error in 'ToggleDisplay'"); }
        }
    else
        {  opacity(el.id,100,0,500); }
}
