function showMouseOver (targetid, event) {

        //Get Element
		var myElement = $(targetid);

        //Get Element Offset
        var arr = myElement.cumulativeScrollOffset();

        //Get Window Information
        var innerHeight = window.innerHeight;
        var innerWidth = window.innerWidth;
		
		//do we need an inverse view
		var y_offset = 0;
		if (event.clientY> (innerHeight/2)) {
            y_offset = - myElement.getHeight() - 25;            
        }

        //is there enough space at the right side?
        var x_offset = 0;
        var space_right = innerWidth - event.clientX;
        var element_width = myElement.getWidth();

        if (space_right < element_width) {
            x_offset = - element_width - 20;
        }
		
		//Calc effective offset
		var topPixel = event.clientY + arr[1] + 15 + y_offset; 
	    var leftPixel = event.clientX + arr[0] + 15 + x_offset; 
        
        //Set element style
	    myElement.style.top = topPixel + "px"; 
	    myElement.style.left = leftPixel + "px"; 

        //Show element
	    myElement.style.display = "block";
	}

	function hideMouseOver (targetid) {
		$(targetid).style.display = "none";
	}