var xPos;
var yPos;
var baseText = null;


function showToolTip(title,msg,evt){
	var IE = document.all?true:false;
	
    if (!evt) {
        evt = window.event;
    }
    
    if (IE) { 
    	if(document.documentElement.scrollTop){
        	xPos=evt.clientX+document.documentElement.scrollLeft;
        	yPos=evt.clientY+document.documentElement.scrollTop;
        }
    	else{
        	xPos=evt.clientX+document.body.scrollLeft;
        	yPos=evt.clientY+document.body.scrollTop;
        }
    } else {  
       xPos = evt.pageX;
       yPos = evt.pageY;
    } 

    if ((xPos+150) > window.innerWidth) xPos = xPos - 180;
    

   var toolTip = document.getElementById("toolTip");
   toolTip.innerHTML = "<h1>"+title+"</h1><p>"+msg+"</p>";
   toolTip.style.top = parseInt(yPos)+2 + "px";
   toolTip.style.left = parseInt(xPos)+10 + "px";
   toolTip.style.visibility = "visible";
   
}

function hideToolTip(){
   var toolTip = document.getElementById("toolTip");
   toolTip.style.visibility = "hidden";
}

function showPopup(w,h,evt){
	var IE = document.all?true:false;
	
    if (!evt) {
        evt = window.event;
    }
    
    if (IE) { 
    	if(document.documentElement.scrollTop){
        	xPos=evt.clientX+document.documentElement.scrollLeft;
        	yPos=evt.clientY+document.documentElement.scrollTop;
        	xPos=(document.documentElement.clientWidth - w) / 2;
        }
    	else{
        	xPos=evt.clientX+document.body.scrollLeft;
        	yPos=evt.clientY+document.body.scrollTop;
        	xPos=(document.body.clientWidth - w) / 2;
        }
    } else {  
       xPos = evt.pageX;
       yPos = evt.pageY;
	   xPos = (window.innerWidth - w)/2;
    } 

    yPos = yPos - 300;
 
	var popUp = document.getElementById("popupcontent");

    popUp.style.top = parseInt(yPos)+2 + "px";
    popUp.style.left = parseInt(xPos)+25 + "px";
    popUp.style.width = w + "px";
    popUp.style.height = h + "px";

    if (baseText == null) baseText = popUp.innerHTML;

    popUp.innerHTML = "<div class=\"popupMainBlock\">" + baseText + "</div><div id=\"statusbar\"><button onclick=\"hidePopup();\">Close window</button></div>";
    
    var sbar = document.getElementById("statusbar");
    //sbar.style.marginTop = (parseInt(h)-40) + "px";
    popUp.style.visibility = "visible";
}

function hidePopup(){
    var popUp = document.getElementById("popupcontent");
    popUp.style.visibility = "hidden";
}