function showHelp(){
    var el;
    var parent;
	var posY = window.event.clientY + document.body.scrollTop - 35;
	var posX = window.event.clientX + document.body.scrollLeft - 70;
	el = document.createElement("div");
	el.id = "divHelp";
	el.style.top = 200;
	el.style.left = 160;
	el.style.width = 350;
	el.style.height = 260;
	el.style.backgroundColor = "#E1F0E1";
	el.style.position = "absolute";
	el.style.border = "1 solid #339933";
	el.style.padding = "5 5 5 5";
	el.style.filter = "alpha(opacity=0)"
	var strHTML = "<table class='ct' cellpadding='0' cellspacing='0' border='0' width='100%' height='20'>\n" +
			"<tr height='20'>\n" +
			    "<td><b>Tracker Login (Authorised Users Only)</b></td>\n" +
			        "<td width='20' align='right'>\n" +
			            "<img onclick='closeHelp();' title='Close' src='assets\\close.jpg' width='20' height='20' border='0' />\n" +
			        "</td>\n" +
			"</tr>\n" +
			"</table>\n" +
			"<table class='ct' cellpadding='0' cellspacing='0' border='0' width='100%' height='20'>\n" +
			    "<tr>\n" +
			        "<td valign='top'>\n" +
                        "To continue, please select the appropriate funding stream.\n" +
                    "</td>\n" +
			    "</tr>\n" +
			"</table>\n" +
			"<table class='ctlogin' cellpadding='0' cellspacing='0' border='0' width='100%' height='20'>\n" +	
			    "<hr width='90%' color='#CBD8CB'>\n" +	
			        "<tr >\n" +
			            "<td valign='top'>\n" +
			                "<a class='ctlogin' target='_blank' href='https://www.pdmtracker.com'>Tracker for ESF-SR</a>\n" +
			            "</td>\n" +
			        "</tr>\n" +
			        "<tr>\n" +
			            "<td valign='top'>\n" +
			                "<a class='ctlogin' target='_blank' href='https://www.pdmtracker.com'>Tracker for Pan London 03</a>\n" +
			            "</td>\n" +
			        "</tr>\n" +
			        "<tr>\n" +
			            "<td valign='top'>\n" +
			                "<a class='ctlogin' target='_blank' href='https://www.pdmtracker.com'>Tracker for NES</a>\n" +
			            "</td>\n" +
			        "</tr>\n" +
			        "<tr>\n" +
			            "<td valign='top'>\n" +
			                "<a class='ctlogin' target='_blank' href='https://www.pdmtracker.com'>Tracker for Royal Air Force</a>\n" +
			            "</td>\n" +
			        "</tr>\n" +
			        "<tr>\n" +
			            "<td valign='top'>\n" +
			                "<a class='ctlogin' target='_blank' href='https://blackcountry.pdmtracker.com/pdmtracker/index.aspx'>Tracker for NextStep</a>\n" +
			            "</td>\n" +
			        "</tr>\n" +
			        "<tr>\n" +
			            "<td valign='top'>\n" +
			                "<a class='ctlogin' target='_blank' href='https://blackcountry.pdmtracker.com/pdmtracker/index.aspx'>Tracker for Skills Coaching</a>\n" +
			            "</td>\n" +
			        "</tr>\n" +
			        "<tr>\n" +
			            "<td valign='top'>\n" +
			                "<a class='ctlogin' target='_blank' href='https://blackcountry.pdmtracker.com/pdmtracker/index.aspx'>Tracker for OLASS</a>\n" +
			            "</td>\n" +
			        "</tr>\n" +
			        "<tr>\n" +
			            "<td valign='top'>\n" +
			                "<a class='ctlogin' target='_blank' href='https://wbl.pdmtracker.com/PDMtracker'>Tracker for WBL</a>\n" +
			            "</td>\n" +
			        "</tr>\n" +
			        "<tr>\n" +
			            "<td valign='top'>\n" +
			                "<a class='ctlogin' target='_blank' href='https://wbl.pdmtracker.com/PDMtracker'>Tracker for Train to Gain</a>\n" +
			            "</td>\n" +
			        "</tr>\n" +
			        "<tr>\n" +
			            "<td valign='top'>\n" +
			                "<a class='ctlogin' target='_blank' href='https://wbl.pdmtracker.com/PDMtracker'>Tracker for ALA</a>\n" +
			            "</td>\n" +
			        "</tr>\n" +	
			        "<tr>\n" +
			            "<td valign='top'>\n" +
			                "<a class='ctlogin' target='_blank' href='https://nextstep.pdmtracker.com/pdmtracker/index.aspx'>Tracker for Reaching Out</a>\n" +
			            "</td>\n" +
			        "</tr>\n" +		
			        "<tr>\n" +
			            "<td valign='top'>\n" +
			                "<br>\n" +
			                    "<a href='http://www.pdmtracker.com/pdm-login-query.shtml' class='ctlogin'>Unsure which login to use? Click here.</a>\n" +
			            "</td>\n" +
			        "</tr>\n" +
			    "</table>\n";
			
	el.innerHTML = strHTML

    parent = document.getElementsByTagName("body")[0];
	if (typeof parent != "undefined") {
    	parent.appendChild(el);
	}
	
	opacity("divHelp", 0, 100, 500, 0);

}

function closeHelp(){
	opacity("divHelp", 100, 0, 500, 1);
}

function opacity(id, opacStart, opacEnd, millisec, close) { 
    //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 + "'," + close + ")",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "'," + close + ")",(timer * speed)); 
            timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id, close) { 
    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 == 0){
        if (close == 1){
            var parent;
            var el = document.getElementById("divHelp");

            parent = document.getElementsByTagName("body")[0];
	        if (typeof parent != "undefined") {
    	        parent.removeChild(el);
	        }
        }
    } 
}