function MousePosition()
{
    var x = 0;
    var y = 0;
    
    if (document.layers)
    {
	    document.captureEvents(Event.MOUSEMOVE);
    }
    
    this.GetX = function()
    {
        var offset = 0;
        
        if (document.all)
        {
            if(typeof window.pageXOffset != 'undefined')
            {
                offset = window.pageXOffset;
            }
            else if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat')
            {
                offset = document.documentElement.scrollLeft;
            }
            else if(typeof document.body != 'undefined')
            {
                offset = document.body.scrollLeft;
            }
        }
        
        return x + offset;
    }
    
    this.GetY = function()
    {
        var offset = 0;
        
        if (document.all)
        {
            if(typeof window.pageYOffset != 'undefined')
            {
                offset = window.pageYOffset;
            }
            else if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat')
            {
                offset = document.documentElement.scrollTop;
            }
            else if(typeof document.body != 'undefined')
            {
                offset = document.body.scrollTop;
            }
        }
        
        return y + offset;
    }
    
    this.Update = function(e)
	{
        if (document.all)
        {
            x = event.clientX;
            y = event.clientY;
        }
        else
        {  
            x = e.pageX;
            y = e.pageY;
        }
    }
	
	document.onmousemove = this.Update; 
}

var mouseposition = new MousePosition();

function ShowDescription(text)
{	
	document.getElementById("descriptiontext").innerHTML = text;
	
	var description = document.getElementById("descriptionlayer");
	description.style.left = mouseposition.GetX() + 12 + "px";
	description.style.top = mouseposition.GetY() + 10 + "px";
	
	ChangeDescriptionVisibility("visible");
}

function HideDescription()
{
	ChangeDescriptionVisibility("hidden");
}

function ChangeDescriptionVisibility(visibility)
{
	if(document.layers){
		document.descriptionlayer.visibility=visibility;
	}
		
	if(document.all){
		document.all.descriptionlayer.style.visibility=visibility;
	}
		
	if(document.getElementById){
		document.getElementById("descriptionlayer").style.visibility=visibility;
	}
}