var ns4 = document.layers;
var ns6 = document.getElementById && !document.all || (navigator.userAgent.indexOf('Opera') >= 0);
var ie4 = document.all;




var requester = null;

var offsetX = 0;
var offsetY = 20;
var toolTipSTYLE="";
var CAPTION='cap';
var FG='fg';
var BG='bg';
var TEXTCOLOR='tc';
var CAPTIONCOLOR='cc';
var WIDTH='tw';
var HEIGHT='th';
var FONT='font';
var POSITIONY='posy';
var hideToolTip=true;
var cap, fg, bg, tc, cc, tw, th, font, posy = 0;

function initToolTips() {
    if(ns4||ns6||ie4) {
        if(ns4) toolTipSTYLE = document.toolTipLayer;
        else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style;
        else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style;
        if(ns4);
        else {
            toolTipSTYLE.visibility = "visible";
            toolTipSTYLE.display = "none";
        }
    }
}

function showLoadedData() {

    var msg = 'ERROR';
    if (requester.readyState == 4) { 
        if (requester.status == 200) {
            msg = requester.responseText;
        } else { 
            msg = "ERROR loading details";
        }
    } 
    document.getElementById('infoDivTextRow').innerHTML = msg;
    return true;
}

function toolTipHide() {
    if(ns4) {
        toolTipSTYLE.visibility = "hidden";
    } else {
        toolTipSTYLE.display = "none";
        var IfrRef = document.getElementById('DivShim');
        IfrRef.style.display = "none";
    }
}

function toolTip() {
    if(arguments.length < 1) { // hide
        if (hideToolTip == false) {
            return;
        }
        if(ns4) {
            toolTipSTYLE.visibility = "hidden";
        } else {
            toolTipSTYLE.display = "none";
            var IfrRef = document.getElementById('DivShim');
            IfrRef.style.display = "none";
        }
    } else { // show
        e = arguments[0];
        var msg = arguments[1];
        var type = arguments[2];
        fg = "#000000";
        bg = "#DDDDDD";
        tc = "#000000";
        cc= "#FFFFFF";
        font = "Verdana,Arial,Helvetica";
        tw = '285';
        th = '200';
        cap = '';
        posy = 0;
        for(var i = 3; i < arguments.length; i+=2) {
            switch (arguments[i]) {
                case "cap": cap = arguments[i+1]; break;
                case "font": font = arguments[i+1]; break;
                case "fg": fg = arguments[i+1]; break;
                case "bg": bg = arguments[i+1]; break;
                case "tc": tc = arguments[i+1]; break;
                case "cc": cc = arguments[i+1]; break;
                case "tw": tw = arguments[i+1]; break;
                case "th": th = arguments[i+1]; break;
                case "posy": posy = arguments[i+1]; break;
            }
        }
        var imgdir = 'img/';
        var content = '';
        switch (type) {
            case '2':
                titletext = 'Quick Info';
                break;
            case '4':
                titletext = 'Details';
                try { 
                    requester = new XMLHttpRequest(); 

        	        requester.open("GET", msg);
	                requester.send(null);
                	requester.onreadystatechange = showLoadedData;
                } 
                catch (error) { 
                    try { 
                        requester = new ActiveXObject("Microsoft.XMLHTTP");

	                requester.open("GET", msg,true);
	                requester.send();
	                requester.onreadystatechange = showLoadedData();
                    } 
                    catch (error) { 
                        msg = "Error initialising AJAX";

                        break;
                    } 
                }
                msg = "Loading ...";	
                break;
            default:
                titletext = 'Help';
                break;
        }
        content =
                '<table border="0" cellspacing="0" cellpadding="0" width="' + tw + '" height="' + th + '">' + 
                '<tr><td width="21"><img src="' + imgdir + 'o1.gif" ></td>' +
                '    <td width="205" background="'+imgdir+'ou.gif" ><img src="' + imgdir + 'bg0.gif" width="1" height="1"></td>' +
                '    <td width="38" background="'+imgdir+'ou.gif" ><img src="' + imgdir + 'bg0.gif" width="1" height="1"></td>' +
                '    <td width="21"><img src="' + imgdir + 'o2.gif" ></td></tr>' +
                '<tr height=100%><td background="' + imgdir + 'ol.gif" ><img src="' + imgdir + 'bg0.gif" width="1" height="1"></td>' +
                '    <td colspan="2" bgcolor="#ffffFF" id="infoDivTextRow" class=normal>' + msg + '</td>' + 
                '    <td background="' + imgdir + 'or.gif" ><img src="' + imgdir + 'bg0.gif" width="1" height="1"></td></tr>' +
                '<tr><td ><img src="' + imgdir + 'o3.gif" ></td>' +
                '    <td   background="'+imgdir+'od.gif"  align="right"><img src="' + imgdir + 'bg0.gif" width="1" height="1"></td>'+
		'    <td colspan="2"  align="right"><img src="' + imgdir + 'o4.gif" ></td>' +
                '<tr>' +
                '    <td   colspan="4" align="right"><img src="' + imgdir + 'o5.gif" ></td>' +

                '</table>';

        if(!ns4 && !ns6 && ie4) {

            content =
                '<table border="0" cellspacing="0" cellpadding="0" width="' + tw + '" height="' + th + '">' + 
                '<tr><td width="21"><img src="' + imgdir + 'o1.gif" ></td>' +
                '    <td width="205" background="'+imgdir+'ou.gif" ><img src="' + imgdir + 'bg0.gif" width="1" height="1"></td>' +
                '    <td width="38" background="'+imgdir+'ou.gif" ><img src="' + imgdir + 'bg0.gif" width="1" height="1"></td>' +
                '    <td width="21"><img src="' + imgdir + 'o2.gif" ></td></tr>' +
                '<tr height=100%><td background="' + imgdir + 'ol.gif" ><img src="' + imgdir + 'bg0.gif" width="1" height="1"></td>' +
                '    <td colspan="2" bgcolor="#ffffFF" id="infoDivTextRow" class=normal>' + msg + '</td>' + 
                '    <td background="' + imgdir + 'or.gif" ><img src="' + imgdir + 'bg0.gif" width="1" height="1"></td></tr>' +
                '<tr><td ><img src="' + imgdir + 'o3.gif" ></td>' +
                '    <td   background="'+imgdir+'od.gif"  align="right"><img src="' + imgdir + 'bg0.gif" width="1" height="1"></td>'+
		'    <td colspan="2"  align="right"><img src="' + imgdir + 'o4.gif" ></td>' +
                '<tr>' +
                '    <td   colspan="4" align="right"><img src="' + imgdir + 'o5.gif" ></td>' +

                '</table>';
        }
                
        if(ns4) {
            toolTipSTYLE.document.write(content);
            toolTipSTYLE.document.close();
            toolTipSTYLE.visibility = "visible";
        } else if(ns6) {
            moveToMouseLoc(e);
            document.getElementById("toolTipLayer").innerHTML = content;
            toolTipSTYLE.display='block';
        } else if(ie4) {
            moveToMouseLoc();
            document.all("toolTipLayer").innerHTML=content;
            toolTipSTYLE.display='block';
            var IfrRef = document.getElementById('DivShim');
            var DivRef = document.getElementById('toolTipLayer');
            IfrRef.style.width = DivRef.offsetWidth;
            IfrRef.style.height = DivRef.offsetHeight;
            IfrRef.style.top = DivRef.style.top;
            IfrRef.style.left = DivRef.style.left;
            IfrRef.style.zIndex = DivRef.style.zIndex - 1;
            IfrRef.style.display = "block";
        }
    }
}

function moveToMouseLoc(e, tw, th) {
    if(ns4||ns6) {
        x = e.pageX;
        y = e.pageY;
    } else {
        x = event.x + document.body.scrollLeft;
        y = event.y + document.body.scrollTop;
    }
    toolTipSTYLE.left = x - 272;
    toolTipSTYLE.top  = y - 205;
    return true;
}


