// JavaScript Document
// Anfang Info-Layer
	var posY;
    var posX;
    var infoLayerImages = new Array();
	var infoLayerVisible = false;
	var inhalt;
	
    infoLayerImages["abwesenheitsliste"] = new Image;
    infoLayerImages["abwesenheitsliste"].src = "template/raysono/gfx/index_abwesenheitsliste.gif";
    infoLayerImages["urlaubsuebersicht"] = new Image;
    infoLayerImages["urlaubsuebersicht"].src = "template/raysono/gfx/index_urlaubsuebersicht.gif";
   	infoLayerImages["ohne"] = new Image;
    infoLayerImages["ohne"].src = "template/raysono/gfx/spacer.gif";
	
    function infoLayer(headerText,contentText,Ereignis,bildname){              
        posX = Ereignis.pageX ? Ereignis.pageX : Ereignis.clientX;
        posY = Ereignis.pageY ? Ereignis.pageY : Ereignis.clientY;
        //Versetzung zum Mauszeiger
		posX -= 210;
    	posY += 5;
        //Position            
        document.getElementById("infoLayer").style.top= posY + "px";   
        document.getElementById("infoLayer").style.left= posX + "px";    
        //Inhalt

        if(!infoLayerVisible){
            inhalt = '<table cellpadding="0" cellspacing="0" width="100%">';
            inhalt = inhalt + '<tr><td class="infoLayerHeader">'+headerText+'</td></tr>';
            if(contentText != ''){
				inhalt = inhalt + '<tr><td class="infoLayerContent">'+contentText+'</td></tr>';
			}
			if(bildname != "ohne"){
            	inhalt = inhalt + '<tr><td class="infoLayerImage"><img class="infoLayerImage" src="" name="infoLayerImage" id="infoLayerImage" /></td></tr>';
			}
			inhalt = inhalt + '</table>'; 
            document.getElementById("infoLayer").innerHTML = inhalt; 
        }    
        //Image
        if(!infoLayerVisible && bildname != "ohne"){
            document.getElementById("infoLayerImage").src = infoLayerImages[bildname].src;     
        } 
        //Sichtbar
        if(!infoLayerVisible){
            document.getElementById("infoLayer").style.display= "block";
            infoLayerVisible = true;
        }  
    }
	function infoLayerRight(headerText,contentText,Ereignis,bildname){                   
        posX = Ereignis.pageX ? Ereignis.pageX : Ereignis.clientX;
        posY = Ereignis.pageY ? Ereignis.pageY : Ereignis.clientY;
    	//Versetzung zum Mauszeiger
		posX -= 200;
    	posY += 20;
		//Position
        document.getElementById("infoLayer").style.top = posY + "px";   
       	document.getElementById("infoLayer").style.left = posX + "px";
        //Inhalt
        if(!infoLayerVisible){
            inhalt = '<table cellpadding="0" cellspacing="0" width="100%">';
            inhalt = inhalt + '<tr><td class="infoLayerHeader">'+headerText+'</td></tr>';
            if(contentText != ''){
				inhalt = inhalt + '<tr><td class="infoLayerContent">'+contentText+'</td></tr>';
			}
			if(bildname != "ohne"){
            	inhalt = inhalt + '<tr><td class="infoLayerImage"><img class="infoLayerImage" src="" name="infoLayerImage" id="infoLayerImage" /></td></tr>';
			}
            inhalt = inhalt + '</table>'; 
            document.getElementById("infoLayer").innerHTML = inhalt; 
        }    
        //Image
        if(!infoLayerVisible && bildname != "ohne"){
            document.getElementById("infoLayerImage").src = infoLayerImages[bildname].src;     
        } 
        //Sichtbar
        if(!infoLayerVisible){
            document.getElementById("infoLayer").style.display= "block";
            infoLayerVisible = true;
        }  
    }
    function infoLayerHide(){
        //Nicht Sichtbar
        document.getElementById("infoLayer").style.display= "none";
        infoLayerVisible = false;
    }
// Ende Info-Layer