//Taken from http://andrewgunn.blogspot.com/2008/04/javascript-hover-effect.html
var _elementID;
var _xOffset = 20;
var _yOffset = 20;
 
function GetMouseX( event )
{
    if ( !event )
    {
        event = window.event;
    }
      
    if ( event.pageX )
    {
        return event.pageX;
    }
    else if ( event.clientX )
    {
        return event.clientX + ( document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft );
    }
    else
    {
        return 0;
    }
}
 
function GetMouseY( event ) 
{
    if ( !event ) 
    {
        event = window.event;
    }
      
    if ( event.pageY )
    {
        return event.pageY; 
    }
    else if ( event.clientY )
    {
        return event.clientY + ( document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop );
    }
    else
    {
        return 0;
    }
}
 
function Follow( event )
{
    if ( document.getElementById )
    {                  
        var element = document.getElementById( _elementID );

        if ( element != null )
        {
            var style = element.style; 
						var viewport= document.getElementById('main_container')

_xOffset=-viewport.offsetLeft+10
_yOffset=-viewport.offsetTop+100

            style.left = ( parseInt( GetMouseX( event ) ) + _xOffset ) + 'px';
            style.top = ( parseInt( GetMouseY( event ) ) + _yOffset ) + 'px'; 

            style.visibility = 'visible';

// 						element.innerHTML="<p>"+( parseInt( GetMouseX( event ) ) + _xOffset +200 )+","+ ( parseInt( GetMouseY( event ) ) + _yOffset )+ '--' + viewport.offsetTop + '</p>';
        }
    }
}
 
function Show( elementID )
{
    if ( document.getElementById )
    {     
        _elementID = elementID;

        document.onmousemove = Follow;
    }
}
 
function Hide( elementID )
{
    if ( document.getElementById )
    {     
        _elementID = elementID;
            
        var divStyle = document.getElementById( _elementID ).style;
        divStyle.visibility = 'hidden';
      
        document.onmousemove = '';
    }
}

function setImage(picimage) {
	eval("document['Hover'].src = " + picimage + ".src");
	alert("fertig");
}