
var offsetx = 15;
var offsety = 10;
var ie5 = (document.getElementById && document.all); 
var ns6 = (document.getElementById && !document.all); 
var ua = navigator.userAgent.toLowerCase();
var isapple = (ua.indexOf(' AppleWebKit/') > -1 ? 1 : 0);

var delay = false;

function newelement(newid){ 

    if(document.createElement){ 
        var el = document.createElement('div'); 
        el.id = newid;     
        with(el.style)
        { 
            display = 'none';
            position = 'absolute';
        } 
        el.innerHTML = '&#160;'; 
        document.body.appendChild(el); 
    } 
} 

function getmouseposition(e)
{

	delay = false;

    if(document.getElementById){

        var iebody=(document.compatMode && document.compatMode != 'BackCompat') ? 
        		document.documentElement : document.body;
        pagex = (isapple == 1 ? 0:(ie5)?iebody.scrollLeft:window.pageXOffset);
        pagey = (isapple == 1 ? 0:(ie5)?iebody.scrollTop:window.pageYOffset);
        mousex = (ie5)?event.x:(ns6)?clientX = e.clientX:false;
        mousey = (ie5)?event.y:(ns6)?clientY = e.clientY:false;

        var element = document.getElementById('tooltip');

if ((mousex+offsetx+element.clientWidth+5) > document.body.clientWidth) {
element.style.left = ((document.body.scrollLeft+document.body.clientWidth) - (element.clientWidth*1.045))  + 'px';
}

else { element.style.left = (mousex+pagex+offsetx)  + 'px'; }

if ((mousey+offsety+element.clientHeight-300) > document.documentElement.clientHeight) 
{
	element.style.top = (document.documentElement.scrollTop + mousey - element.clientHeight - 30)  + 'px';
}
else if ((mousey+offsety+element.clientHeight-100) > document.documentElement.clientHeight) 
{
	element.style.top = (mousey+pagey+offsety-200)  + 'px';
	delay = true;
}
else if ((mousey+offsety+element.clientHeight) > document.documentElement.clientHeight) 
{
	element.style.top = (mousey+pagey+offsety-120)  + 'px';
	delay = true;
}
else 
{ 
	element.style.top = (mousey+pagey+offsety)  + 'px'; 
}


    }
}



function showHint(id, HINTS_ITEMS){

    if(!document.getElementById('tooltip')) newelement('tooltip');
    var element = document.getElementById('tooltip');
    element.innerHTML = HINTS_ITEMS[id];
    element.style.display = 'block';
    element.style.position = 'absolute';
    document.onmousemove = getmouseposition;

}


function showHintText(txt){

    if(!document.getElementById('tooltip')) newelement('tooltip');
    var element = document.getElementById('tooltip');
    element.innerHTML = txt;
    element.style.display = 'block';
    element.style.position = 'absolute';
    document.onmousemove = getmouseposition;

}

function hideHint(){

/* 	if (delay)
	{
		var date = new Date();
		var curDate = null;

		do { curDate = new Date(); } 
		while(curDate-date < 300);
	} */

	document.getElementById('tooltip').style.display = 'none';

}



function wrap (s_title, s_width) {
	return "<table style='-moz-opacity:50%;filter:progid:DXImageTransform.Microsoft.dropShadow(Color=#777777,offX=2,offY=2)' border='0' cellspacing='1' cellpadding='5' bgcolor='#4682B4'><tr bgcolor='#FFFFE0'><td><table border='0' cellspacing='1' cellpadding='6'>\n<tr><td valign='top'><img src='pics/info.gif' width='26' height='24' /></td><td valign='top' width='"+s_width+"' style='font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #666666;text-align: justify;line-height: 15px;'>\n"+s_title+"</td></tr></table></td></tr></table>"
}

function wrapInfo (s_title, s_width) {
	return "<table style='-moz-opacity:50%;filter:progid:DXImageTransform.Microsoft.dropShadow(Color=#777777,offX=2,offY=2)' border='0' cellspacing='1' cellpadding='5' bgcolor='#4682B4'><tr bgcolor='#FFFFE0'><td><table border='0' cellspacing='1' cellpadding='6'>\n<tr><td valign='top'><img src='pics/info6.gif' width='24' height='23' /></td><td valign='top' width='"+s_width+"' style='font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #666666;text-align: justify;line-height: 15px;'>\n"+s_title+"</td></tr></table></td></tr></table>"
}

function wrap2 (s_title, s_image, s_width) {
	return "<table style='-moz-opacity:50%;filter:progid:DXImageTransform.Microsoft.dropShadow(Color=#777777,offX=2,offY=2)' border='0' cellspacing='1' cellpadding='5' bgcolor='#4682B4'><tr bgcolor='#FFFFE0'><td><table border='0' cellspacing='1' cellpadding='6'>\n<tr><td valign='top'><img class='preview' src='"+s_image+"' /></td><td valign='top' width='"+s_width+"' style='font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #666666;text-align: justify;line-height: 15px;'>\n"+s_title+"</td></tr></table></td></tr></table>"
}

function wrap3 (s_title, s_width) {
	return "<table style='-moz-opacity:10%;filter:progid:DXImageTransform.Microsoft.dropShadow(Color=#777777,offX=2,offY=2)' border='0' cellspacing='1' cellpadding='10' bgcolor='#AAAAAA'><tr bgcolor='#FFFFE0'><td valign='top' width='"+s_width+"' style='font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #666666;text-align: justify;line-height: 15px;'>\n"+s_title+"</td></tr></table>"
}
