/*	
	Author: Radomir Ochtyra
	Crate: 16.12.2007
	LastChange: 17.12.2007
	Description:
	Erlaubt mein drüberfahren eines Elementes einen kleinen Popupfenster einzublenden, das aussehen wird über CSS gesteuert	
*/

/*
	@func show_popup
	@desc Erstellt ein Popupfenster
	
	@param e EVENT			Ereigns das ausgeführt wurde
	@param content STRING 	Inhalt der im Popupfenster angezeigt werden soll
	@param id STRING		id die für das Popupfenster benutzt werden soll, über diesen wird kann dann auch das aussehen gesteuert
							werden (CSS), außerdem wird die id benötigt um das Popupfenster zu schließen
	@return
*/
function show_popup(e, content, id, xv, yv) {
	Event.stop(e);  
	//Standard
	if (xv == null) xv = 10;
	if (yv == null) yv = 10;
	
    if ($(id)) {
        newElement = $(id);
    } else {        
        newElement = document.createElement('div');
        newElement.setAttribute('id', id);
		//newElement.setAttribute('style', 'z-index:999');
		newElement.style.zIndex = '999';
    }
                    
    posX = Event.pointerX(e) + xv;
    posY = Event.pointerY(e) + yv;

    with (newElement.style) {
        top = posY + 'px';
        left = posX + 'px';                
        position = 'absolute';        
    }                    
    
    if (!$(id)) {
        newElement.innerHTML = content;
        document.body.appendChild(newElement);                
    }
}

/*
	@func close_popup
	@desc Löscht Popupfenster mit der angegebenen id

	@param id STRING		id Nummer vom Popupfenster
	@return
*/
function close_popup(id) {                
    Element.remove(id);
}