var msgbox = {

body : document.getElementsByTagName('body'),
url : '',
text : '',
position_left : 0,
position_top : 0,
msgbox_top_blende : '',
msgbox_top : '',
einblenden : function(url,text){

  this.text = text;
  this.url = url;

 //selectfelder ausblenden, weil diese im ie nicht ausgegraut werden
  for(var i = 0; i < document.getElementsByTagName('select').length;i++){
    document.getElementsByTagName('select')[i].style.visibility = 'hidden';
  }

 // inputfelder ausgrauen, damit der cursor nicht mehr blinkt und mit TAB nichts eingegeben werden kann
  for(var i = 0; i < document.getElementsByTagName('input').length;i++){
    document.getElementsByTagName('input')[i].style.visibility = 'hidden';
  }


 //div zum Ausgrauen erzeugen und in body-Tag einfügen
 var div = document.createElement("div");
 div.className =  "ausgrauen";
 div.style.height = screen.height+'px';
 div.style.width = screen.Width+'px';
 div.id = 'grauer_hintergrund';
 msgbox.body[0].appendChild(div);

 // Hintergrund für MSG Box
 var msgbox_hintergrund = document.createElement("div");
 msgbox_hintergrund.style.position = 'absolute';
 msgbox_hintergrund.style.top = 200 + document.documentElement.scrollTop + 'px';;
 msgbox_hintergrund.style.left = document.body.clientWidth/2-200+'px';
 msgbox_hintergrund.style.zIndex = '1200';
 msgbox_hintergrund.style.height = '180px';
 msgbox_hintergrund.style.textAlign = 'left';
 msgbox_hintergrund.style.width = '340px';
 msgbox_hintergrund.style.background = '#FFFFFF';
 msgbox_hintergrund.style.borderColor = '#B1CB2C';
 msgbox_hintergrund.style.borderStyle = 'solid';
 msgbox_hintergrund.style.borderWidth = '1px';
 msgbox_hintergrund.id = 'msgbox_hintergrund';

 //Schatten für MSG Box, liegt hinter dem Hintergrund und leicht versetzt
 var msgbox_hintergrund_schatten = document.createElement("div");
 msgbox_hintergrund_schatten.style.position = 'absolute';
 msgbox_hintergrund_schatten.style.top = 208 + document.documentElement.scrollTop + 'px';
 msgbox_hintergrund_schatten.style.left = document.body.clientWidth/2-192+'px';
 msgbox_hintergrund_schatten.style.zIndex = '150';
 msgbox_hintergrund_schatten.style.height = '180px';
 msgbox_hintergrund_schatten.style.width = '340px';
 msgbox_hintergrund_schatten.style.background = '#999999';
 msgbox_hintergrund_schatten.id = 'msgbox_hintergrund_schatten';
 msgbox_hintergrund_schatten.style.opacity = '0.5';
 msgbox_hintergrund_schatten.style.filter = 'Alpha(opacity=50)';

 this.msgbox_top_blende = document.createElement("div");
 this.msgbox_top = document.createElement("div");
 this.msgbox_top.className = 'msgbox_top';
 this.msgbox_top_blende.className = 'msgbox_top_blende';
 this.msgbox_top_blende.onmousedown = msgbox.verschieben;





 //Überschrift
 var msgbox_ueschrift  = document.createElement("div");
 msgbox_ueschrift.className = 'msgbox_ueschrift';
 msgbox_ueschrift.innerHTML = 'Abwesenheit';

// Bild
 var msgbox_bild  = document.createElement("div");
 msgbox_bild.className = 'msgbox_bild';
 var msgbox_text =  document.createElement("div");
 msgbox_text.className = 'msgbox_text';
 msgbox_bild.innerHTML = this.text;

//buttons zur Auswahl
var button_ja = document.createElement("button");
var button_nein = document.createElement("button");

//button_ja.type = 'button';

button_ja.className = 'button_ja';
button_ja.style.left = '55px';


button_ja.onclick = new Function('xyzwe','msgbox.bestaetigung()');

//button_nein.type = 'button';


button_nein.className = 'button_nein';
button_nein.onclick = new Function('xyzw','msgbox.ablehnung()');


//MSg Box einfügen
 msgbox_ueschrift.appendChild(this.msgbox_top_blende)
 this.msgbox_top.appendChild(msgbox_ueschrift);
 msgbox_hintergrund.appendChild(this.msgbox_top);
 msgbox_hintergrund.appendChild(msgbox_bild);

 msgbox_hintergrund.appendChild(button_ja);
 msgbox_hintergrund.appendChild(button_nein);

 this.body[0].appendChild(msgbox_hintergrund_schatten);
 this.body[0].appendChild(msgbox_hintergrund);

}
,

// Bei klick auf "Nein" werden wieder alle select bzw inputfelder eingeblendet und Augrauen und MSG Box entfernt
ausblenden : function(){

  for(var i = 0; i < document.getElementsByTagName('select').length;i++){
    document.getElementsByTagName('select')[i].style.visibility = 'visible';
  }

  for(var i = 0; i < document.getElementsByTagName('input').length;i++){
    document.getElementsByTagName('input')[i].style.visibility = 'visible';
  }

   this.body[0].removeChild(document.getElementById('msgbox_hintergrund_schatten'));
   this.body[0].removeChild(document.getElementById('msgbox_hintergrund'));
   this.body[0].removeChild(document.getElementById('grauer_hintergrund'));

 },
// Klick auf "Ja" -> ausblenden und übergebene URL im Browser aufrufen
bestaetigung : function(){
    this.ausblenden();
  	document.getElementById('warten').value = true;

	document.antwortForm.submit();
	
},
ablehnung : function(){
    this.ausblenden();
  	
	document.getElementById('warten').value = false;
	
	document.antwortForm.submit();
	
},

// durch klicken und halten auf die Blende kann die MSG Box verschoben werden
verschieben : function(e){

	if(!e){
    msgbox.position_left = event.offsetX;
    msgbox.position_top = event.offsetY;
	msgbox.body[0].onmousemove = msgbox.anpassen;
 	msgbox.body[0].onmouseup = msgbox.aufheben;
 	document.getElementById('msgbox_hintergrund').style.filter = 'Alpha(opacity=40)';
	document.getElementById('msgbox_hintergrund_schatten').style.visibility = 'hidden'
	}
	else{
	msgbox.position_left = e.layerX;
    msgbox.position_top = e.layerY;
 	msgbox.body[0].onmousemove = msgbox.anpassen;
 	msgbox.body[0].onmouseup = msgbox.aufheben;
 	document.getElementById('msgbox_hintergrund').style.opacity = '0.4';
	document.getElementById('msgbox_hintergrund_schatten').style.visibility = 'hidden'
	}
},
// stetige Anpassung der Werte MSG Box beim verschieben
anpassen : function(e){

  if(!e){
  document.getElementById('msgbox_hintergrund').style.left=event.clientX-msgbox.position_left;
  document.getElementById('msgbox_hintergrund').style.top=event.clientY+document.documentElement.scrollTop-msgbox.position_top;
  }
  else{
  
  document.getElementById('msgbox_hintergrund').style.left=e.pageX-msgbox.position_left +'px';
  document.getElementById('msgbox_hintergrund').style.top=e.pageY-msgbox.position_top +'px';

  }
},

// nach loslassen der Maus wird der Schatten wieder erstellt und die Transparenz entfernt
aufheben : function(){
	if(document.getElementById('msgbox_hintergrund')){
	var top = parseInt(document.getElementById('msgbox_hintergrund').style.top.replace('px','')) + 8;
	var left = parseInt(document.getElementById('msgbox_hintergrund').style.left.replace('px','')) + 8;

	document.getElementById('msgbox_hintergrund_schatten').style.top =  top + 'px';
	document.getElementById('msgbox_hintergrund_schatten').style.left = left + 'px';
	msgbox.body[0].onmousemove = '';
	document.getElementById('msgbox_hintergrund').style.filter = '';
	document.getElementById('msgbox_hintergrund').style.opacity = '';
	document.getElementById('msgbox_hintergrund_schatten').style.visibility = 'visible'
	}
}
};