

//Nur für IE 5+, NN6+ und Opera 5+
ie5=(document.getElementById && document.all && document.styleSheets)?1:0;
nn6=(document.getElementById && !document.all)?1:0;
op5=(document.getElementById && document.all && !document.styleSheets)?1:0;


//Alertbox erstellen
if(ie5||nn6||op5) {
  document.write(
    "<div style='position:absolute;top:-500;left:0;z-index:100; background-color:#CCD6EE; border:1px solid black;' id='alert'>"+
      "<table id='alertTable' cellpadding=0 cellspacing=0 onmousedown='getxyRelativ()'"+
          "onmousemove='moveAlert()' onmouseup='moveStatus=0'>"+
        "<tr><td height='22' bgcolor='#99AACC'><div id='alertTitle'></div></td></tr>"+
        "<tr><td bgcolor='black'><img src='../images/dot.gif' border='0' height='1' width='1'</td></tr>"+
        "<tr><td><table width='100%' cellpadding='15' cellspacing='0' border='0'><tr><td align='center'><div id='alertText'></div></td></tr>"+
        "<tr align='center'><td align='center'>"+
          "<input type='button' class='button' style='cursor:pointer;' value='&nbsp;&nbsp;OK&nbsp;&nbsp;' onclick='okAlert()'>"+
        "</td></tr></td></tr></table>"+
      "</table>"+
    "</div>"
  );
}

//Was passieren soll, wenn auf OK geklickt wird:
function okAlert() {
  document.getElementById("alert").style.visibility="hidden";
  document.getElementById("alert_shaddow").style.visibility="hidden"; //Alertbox verstecken
  //ggf. weitere Anweisungen
}

//Für andere Browser:
function alertAlternative() {
  alert(alertText);
  //ggf. weitere Anweisungen
}
//Alertbox anzeigen
function showAlert(alertTitle, alertText, xAlert, yAlert, alertMinWidth) {
  moveStatus=0;  
  if(!alertTitle)alertTitle = "Fehler!";
  if(!alertText)alertText = "";
  if(!alertMinWidth)alertMinWidth=300;
  if(ie5) {
    document.getElementById("alertTitle").innerHTML = "<b><font color='#FFFFFF'>&nbsp;"+alertTitle+"</font></b>";
    document.getElementById("alertText").innerHTML = alertText; 
    document.getElementById("alertTable").style.width = alertMinWidth;
    if(!xAlert)xAlert=(document.body.offsetWidth/2)-(document.getElementById("alert").offsetWidth/2);
    if(!yAlert)yAlert=(document.body.offsetHeight/2)-(document.getElementById("alert").offsetHeight/2);     
    document.getElementById("alert").style.left=xAlert+document.body.scrollLeft;
    document.getElementById("alert").style.top=yAlert+document.body.scrollTop;   
    document.getElementById("alert").style.visibility="visible";     
  }
  else if(nn6||op5) {
    document.getElementById("alertTitle").innerHTML = "<b><font color='#FFFFFF'>&nbsp;"+alertTitle+"</font></b>";
    document.getElementById("alertText").innerHTML = alertText;
    document.getElementById("alertTable").width = alertMinWidth;
    if(!xAlert)xAlert=(window.innerWidth/2)-(document.getElementById("alert").offsetWidth/2);
    if(!yAlert)yAlert=(window.innerHeight/2)-(document.getElementById("alert").offsetHeight/2); 
    document.getElementById("alert").style.left=xAlert+document.body.scrollLeft;
    document.getElementById("alert").style.top=yAlert+document.body.scrollTop;
    document.getElementById("alert").style.visibility="visible";
  }
  else alertAlternative();
}

//Relative Mausposition auf der Alertbox ermitteln
var xRelativ, yRelativ;
function getxyRelativ() {
  moveStatus=1;
  if(ie5) {
    xRelativ=event.clientX-xAlert;
    yRelativ=event.clientY-yAlert;
  }
}

//Alertbox bewegen (nur IE)
function moveAlert() {
  if(ie5&&moveStatus>0) {
    xAlert=document.getElementById("alert").style.left=
        event.clientX+document.body.scrollLeft-xRelativ;
    yAlert=document.getElementById("alert").style.top=
        event.clientY+document.body.scrollTop-yRelativ;
  }
}
