// Countdown Tage,Stunden,Minuten
// einfügen mit: <script language="javascript" type="text/javascript" src="/js/countdown.js"></script>

var DHTML = 0, DOM = 0, MS = 0, NS = 0, OP = 0;

function DHTML_init() {

 if (window.opera) {
     OP = 1;
 }
 if(document.getElementById) {
   DHTML = 1;
   DOM = 1;
 }
 if(document.all && !OP) {
   DHTML = 1;
   MS = 1;
 }
if(window.netscape && window.screen && !DOM && !OP) {
   DHTML = 1;
   NS = 1;
 }
}

function getElem(p1,p2,p3) {
 var Elem;
 if(DOM) {
   if(p1.toLowerCase()=="id") {
     if (typeof document.getElementById(p2) == "object")
     Elem = document.getElementById(p2);
     else Elem = void(0);
     return(Elem);
   }
   else if(p1.toLowerCase()=="name") {
     if (typeof document.getElementsByName(p2) == "object")
     Elem = document.getElementsByName(p2)[p3];
     else Elem = void(0);
     return(Elem);
   }
   else if(p1.toLowerCase()=="tagname") {
     if (typeof document.getElementsByTagName(p2) == "object" || (OP && typeof document.getElementsByTagName(p2) == "function"))
     Elem = document.getElementsByTagName(p2)[p3];
     else Elem = void(0);
     return(Elem);
   }
   else return void(0);
 }
 else if(MS) {
   if(p1.toLowerCase()=="id") {
     if (typeof document.all[p2] == "object")
     Elem = document.all[p2];
     else Elem = void(0);
     return(Elem);
   }
   else if(p1.toLowerCase()=="tagname") {
     if (typeof document.all.tags(p2) == "object")
     Elem = document.all.tags(p2)[p3];
     else Elem = void(0);
     return(Elem);
   }
   else if(p1.toLowerCase()=="name") {
     if (typeof document[p2] == "object")
     Elem = document[p2];
     else Elem = void(0);
     return(Elem);
   }
   else return void(0);
 }
 else if(NS) {
   if(p1.toLowerCase()=="id" || p1.toLowerCase()=="name") {
   if (typeof document[p2] == "object")
     Elem = document[p2];
     else Elem = void(0);
     return(Elem);
   }
   else if(p1.toLowerCase()=="index") {
    if (typeof document.layers[p2] == "object")
     Elem = document.layers[p2];
    else Elem = void(0);
     return(Elem);
   }
   else return void(0);
 }
}

function getCont(p1,p2,p3) {
   var Cont;
   if(DOM && getElem(p1,p2,p3) && getElem(p1,p2,p3).firstChild) {
     if(getElem(p1,p2,p3).firstChild.nodeType == 3)
       Cont = getElem(p1,p2,p3).firstChild.nodeValue;
     else
       Cont = "";
     return(Cont);
   }
   else if(MS && getElem(p1,p2,p3)) {
     Cont = getElem(p1,p2,p3).innerText;
     return(Cont);
   }
   else return void(0);
}

function getAttr(p1,p2,p3,p4) {
   var Attr;
   if((DOM || MS) && getElem(p1,p2,p3)) {
     Attr = getElem(p1,p2,p3).getAttribute(p4);
     return(Attr);
   }
   else if (NS && getElem(p1,p2)) {
       if (typeof getElem(p1,p2)[p3] == "object")
        Attr=getElem(p1,p2)[p3][p4]
       else
        Attr=getElem(p1,p2)[p4]
         return Attr;
       }
   else return void(0);
}

function setCont(p1,p2,p3,p4) {
   if(DOM && getElem(p1,p2,p3) && getElem(p1,p2,p3).firstChild)
     getElem(p1,p2,p3).firstChild.nodeValue = p4;
   else if(MS && getElem(p1,p2,p3))
     getElem(p1,p2,p3).innerText = p4;
   else if(NS && getElem(p1,p2,p3)) {
     getElem(p1,p2,p3).document.open();
     getElem(p1,p2,p3).document.write(p4);
     getElem(p1,p2,p3).document.close();
   }
}




DHTML_init();


var openingEvent = new Date("Jul 24, 2010 10:00:00")
var msProMin = 1000*60;
var msProStd = msProMin*60;
var msProDay = msProStd*24;




function showtime(){
   var today = new Date();
   var diff  = Math.max( 0, (openingEvent.getTime() - today.getTime()) );


   var days = Math.floor( diff / msProDay );
   var hours = Math.floor( (diff % msProDay) / msProStd );
   var mins  = Math.floor( (diff % msProStd) / msProMin );
   var secs = Math.floor( (diff % msProMin) / 1000 )

 var alldays  =  ((days  < 10) ? "0" + days  : days);
 var allhours  = ((hours < 10) ? "0" + hours : hours);
 var allmins  =  ((mins  < 10) ? "0" + mins  : mins);
 var allsecs  =  ((secs  < 10) ? "0" + secs  : secs);


  var timertable = "<TD align=right class=timertable>" + alldays + "</TD>";
  timertable = timertable + "<TD>&nbsp;&nbsp;&nbsp;&nbsp;</TD>";
  timertable = timertable + "<TD align=right class=timertable>" + allhours + "</TD>";
  timertable = timertable + "<TD>&nbsp;</TD>";
  timertable = timertable + "<TD align=right class=timertable>" + allmins + "</TD>";
  timertable = timertable + "<TD>&nbsp;</TD>";
  timertable = timertable + "<TD align=right class=timertable>" + allsecs + "</TD>";

 if(DHTML) {
   if(NS) {
     setCont("id","timertable",null,"<TABLE WIDTH=100% BORDER=0>  <TR>  <TD WIDTH=100% ALIGN=RIGHT>  <TABLE border=0>  <TR>" + timertable + "  </TR>  <TR>  <TD ALIGN=RIGHT class=counttab>Wochen</TD>  <TD ALIGN=RIGHT COLSPAN=2 class=counttab>Tage</TD>  <TD ALIGN=RIGHT COLSPAN=2 class=counttab>Stunden</TD>  <TD ALIGN=RIGHT COLSPAN=2 class=counttab>Minuten</TD>  <TD ALIGN=RIGHT COLSPAN=2 class=counttab>Sekunden</TD>  </TR>  </TABLE>  </TD>  </TR></TABLE>");
   }
   else  {

   setCont("id","days",null,alldays);
   setCont("id","hours",null,allhours);
   setCont("id","mins",null,allmins);
   setCont("id","secs",null,allsecs);
   }
 }
 else return;


   window.setTimeout('showtime()',1000); // allow 20 msec computation time

}






// In den Kopf folgendes einfügen:
//<style type="text/css">
//<!--
//#timertable { position:absolute; top:5px;}
//.timertable { font-family:Arial; font-size:12px; color:#242EF8; font-weight:bold;}
//.counttab { font-family:Arial; font-size:10px;   color:#242EF8;}
//-->
//</style>

//als body einfügen:
//<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"  onload="window.setTimeout('showtime()',1000)">

//an die Stelle einfügen:
//<center>
//<table border="0"  cellspacing="1" cellpadding="0">
//  <tr>

//            <td align="center">
//                <span id="days" class="timertable">&nbsp;</span></td>

//            <td align="center">
//                <span id="hours" class="timertable">&nbsp;</span></td>

//            <td align="center">
//              <span id="mins" class="timertable">&nbsp;</span></td>

//            <td align="center">
//              <span id="secs" class="timertable">&nbsp;</span></td>
//  </tr>
//  <tr>
//  <td align="right" class="counttab">&nbsp;Tage</td>
//  <td align="right" class="counttab">&nbsp;Std.&nbsp;</td>
//  <td align="right" class="counttab">&nbsp;Min.&nbsp;</td>
//  <td align="right" class="counttab">&nbsp;Sek.</td>
//  </tr>
//  </table>
//</center>