function Browser() {

  var ua, s, i;

  this.isIE    = false;
  this.isNS    = false;
  this.version = null;

  ua = navigator.userAgent;

  s = "MSIE";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isIE = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  s = "Netscape6/";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  // Treat any other "Gecko" browser as NS 6.1.

  s = "Gecko";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = 6.1;
    return;
  }
}

var browser = new Browser();

// Global object to hold drag information.

var dragObj = new Object();
dragObj.zIndex = 10000;

function dragStart(event, id) {

  var el;
  var x, y;

  // If an element id was given, find it. Otherwise use the element being
  // clicked on.

  if (id)
    dragObj.elNode = document.getElementById(id);
  else {
    if (browser.isIE)
      dragObj.elNode = window.event.srcElement;
    if (browser.isNS)
      dragObj.elNode = event.target;

    // If this is a text node, use its parent element.

    if (dragObj.elNode.nodeType == 3)
      dragObj.elNode = dragObj.elNode.parentNode;
  }

  // Get cursor position with respect to the page.

  if (browser.isIE) {
    x = window.event.clientX + document.documentElement.scrollLeft
      + document.body.scrollLeft;
    y = window.event.clientY + document.documentElement.scrollTop
      + document.body.scrollTop;
  }
  if (browser.isNS) {
    x = event.clientX + window.scrollX;
    y = event.clientY + window.scrollY;
  }

  // Save starting positions of cursor and element.

  dragObj.cursorStartX = x;
  dragObj.cursorStartY = y;
  dragObj.elStartLeft  = parseInt(dragObj.elNode.style.left, 10);
  dragObj.elStartTop   = parseInt(dragObj.elNode.style.top,  10);

  if (isNaN(dragObj.elStartLeft)) dragObj.elStartLeft = 0;
  if (isNaN(dragObj.elStartTop))  dragObj.elStartTop  = 0;

  // Update element's z-index.

  dragObj.elNode.style.zIndex = ++dragObj.zIndex;

  // Capture mousemove and mouseup events on the page.

  if (browser.isIE) {
    document.attachEvent("onmousemove", dragGo);
    document.attachEvent("onmouseup",   dragStop);
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (browser.isNS) {
    document.addEventListener("mousemove", dragGo,   true);
    document.addEventListener("mouseup",   dragStop, true);
    event.preventDefault();
  }
}

function dragGo(event) {

  var x, y;

  // Get cursor position with respect to the page.

  if (browser.isIE) {
    x = window.event.clientX + document.documentElement.scrollLeft
      + document.body.scrollLeft;
    y = window.event.clientY + document.documentElement.scrollTop
      + document.body.scrollTop;
  }
  if (browser.isNS) {
    x = event.clientX + window.scrollX;
    y = event.clientY + window.scrollY;
  }

  // Move drag element by the same amount the cursor has moved.

  dragObj.elNode.style.left = (dragObj.elStartLeft + x - dragObj.cursorStartX) + "px";
  dragObj.elNode.style.top  = (dragObj.elStartTop  + y - dragObj.cursorStartY) + "px";

  if (browser.isIE) {
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (browser.isNS)
    event.preventDefault();
}

function dragStop(event) {

  // Stop capturing mousemove and mouseup events.

  if (browser.isIE) {
    document.detachEvent("onmousemove", dragGo);
    document.detachEvent("onmouseup",   dragStop);
  }
  if (browser.isNS) {
    document.removeEventListener("mousemove", dragGo,   true);
    document.removeEventListener("mouseup",   dragStop, true);
  }
}

function proove(){
 var ifh;
 var ifw;
 closeImageViewer();
 if(window.innerHeight){ifh=window.innerHeight;}
 else{ifh=document.all.start.offsetHeight;}
 if(window.innerWidth){ifw=window.innerWidth;}
 else{ ifw=document.all.start.offsetWidth;}
 var md=document.getElementById('main');
 var ld=document.getElementById('load');
 md.style.top=((ifh-430)/2)+'px';
 md.style.left=((ifw-784)/2)+'px';
 //ld.style.top=((ifh-430)/2)+'px';
 //ld.style.left=((ifw-784)/2)+'px';
 ld.style.display='block';
 md.style.display='none';
 if(ifw<=788||ifh<=433){
   window.resizeTo(800,600);
 }
}

function showsite(){
  if(document.getElementById('main'))var md=document.getElementById('main');
  if(md)md.style.display='block';
}

function navon(obj){
 var t=obj.parentNode.id.slice(0,3)+'p'+obj.parentNode.id.slice(3,obj.parentNode.id.length);
 var tag=document.getElementById(t);
 tag.style.visibility='visible';
 obj.onmouseout=function(){tag.style.visibility='hidden'; window.status=" ";}
}

function preloadimages(){
 var anz = preloadimages.arguments.length;
 var loaded=false
 for (i=0;i<anz;i++){
  eimages[i]=new Image();
  eimages[i].src=preloadimages.arguments[i];
  if(i==(anz-1)){
    loaded=true;
  }
 }
 if(loaded){
  window.setTimeout("showmain()",100);
  window.setTimeout("hideload()",600);
 }
}

function contnav(n){
  var tmc=document.getElementById('main').className;
  tmc=tmc.slice(4,5);
  if(document.getElementById('cntcount').firstChild)var cnt=document.getElementById('cntcount').firstChild.nodeValue;
  fadein();
  if(cnt){
    for(i=1;i<=cnt;i++){
      document.getElementById('cont'+i).style.display='none';
      document.getElementById('navc'+i).className='e'+tmc+'_nav';
    }
  }
  document.getElementById('cont'+n).style.display='block';
  document.getElementById('navc'+n).className='e_nava';
  window.setTimeout("fadeout()",600);
}

function hideload(){
 if(document.getElementById('load'))document.getElementById('load').style.display='none';
}

function showmain(){
 if(document.getElementById('main'))document.getElementById('main').style.display='block';
}

function navcont(n,e){
 var tmc=document.getElementById('main').className;
 tmc=tmc.slice(4,5);
 tcl='e'+e+'_nav';
 for(i=1;i<=anzcont;i++){
   document.getElementById('navc'+i).className=tcl;
   document.getElementById('navc'+i).className='e'+tmc+'_nav';
 }
 document.getElementById('navc'+n).className='e_nava';
}

function gonavcont(tag){
 var tmc=document.getElementById('main').className;
 tmc=tmc.slice(4,5);
  if(document.getElementById('cntcount').firstChild)var cnt=document.getElementById('cntcount').firstChild.nodeValue;
  fadein();
  if(cnt){
    for(i=1;i<=cnt;i++){
      document.getElementById('cont'+i).style.display='none';
      document.getElementById('navc'+i).className='e'+tmc+'_nav';
    }
  }
  document.getElementById('cont'+tag.innerHTML).style.display='block';
  document.getElementById('navc'+tag.innerHTML).className='e_nava';
  window.setTimeout("fadeout()",800);
}

function fadeout(){
 document.getElementById('fader').style.visibility='hidden'; 
}

function fadein(){
 document.getElementById('fader').style.visibility='visible'; 
}

function showcover(c){
 document.getElementById('arc001').style.visibility='hidden';
 document.getElementById('flo001').style.visibility='hidden';
 document.getElementById('bas001').style.visibility='hidden';
 document.getElementById('lan001').style.visibility='hidden';
 document.getElementById('foo001').style.visibility='hidden';
 document.getElementById('wat001').style.visibility='hidden';
 document.getElementById('clo001').style.visibility='hidden';
 document.getElementById(c).style.visibility='visible';
 if(document.getElementById('ivb').style.display=='block'){
   tag=document.getElementById(c);
   showcd(tag);
 }
}

function closeImageViewer(){
  if(document.getElementById('ivb')) document.getElementById('ivb').style.display='none';
/*
  if(document.getElementById('cs1')) document.getElementById('cs1').style.display='none';
  if(document.getElementById('cs2')) document.getElementById('cs2').style.display='none';
  if(document.getElementById('cs3')) document.getElementById('cs3').style.display='none';
*/
}

function openImageViewer(){
  var ifh;
  var ifw;
  if(window.innerHeight){ifh=window.innerHeight;}
  else{ifh=document.all.start.offsetHeight;}
  if(window.innerWidth){ifw=window.innerWidth;}
  else{ ifw=document.all.start.offsetWidth;}
  if(document.getElementById('ivb')) var iv=document.getElementById('ivb');
/*
  if(document.getElementById('cs1')) var cs1=document.getElementById('cs1');
  if(document.getElementById('cs2')) var cs2=document.getElementById('cs2');
  if(document.getElementById('cs3')) var cs3=document.getElementById('cs3');
*/
  if(iv){
    iv.style.top=((ifh-430)/2-120)+'px';
    iv.style.left=((ifw-784)/2-120)+'px';
    iv.style.display='block';
/*
    if(cs1){
      cs1.style.top=((ifh-430)/2-49)+'px';
      cs1.style.left=((ifw-784)/2-49)+'px';
      cs1.style.display='block';
    }
    if(cs2){
      cs2.style.top=((ifh-430)/2-48)+'px';
      cs2.style.left=((ifw-784)/2-48)+'px';
      cs2.style.display='block';
    }
    if(cs3){
      cs3.style.top=((ifh-430)/2-47)+'px';
      cs3.style.left=((ifw-784)/2-47)+'px';
      cs3.style.display='block';
    }
*/
  }
}

function showref(c){
 document.getElementById('wra').style.visibility='hidden';
 for(i=1;i<=anzref;i++){document.getElementById('ref'+i).style.visibility='hidden';}
 document.getElementById(c).style.visibility='visible';
}

function showcd(tag){
  cd=tag.id;
  var cdtitle=document.getElementById('lnk'+cd).firstChild.nodeValue;
  for(i=1;i<=50;i++){
    document.getElementById('ivtd'+i).className="tdi";
  }
  document.getElementById('header').firstChild.nodeValue='CD Inhalt - '+cdtitle + ' - '+cd;
  document.getElementById('ivtd1').className="tda";
  document.getElementById('simg').src="img_"+cd+"/"+cd+"_01.jpg";
  document.getElementById('imgtxt').firstChild.nodeValue=cd + ' 01';
  openImageViewer();
}

function reflink(tag){
// ref=window.open(site,'Inhalt','width=400,height=325,locationbar=no, menuebar=no,status=no');
// ref.resizeTo(400,325);
// ref.focus();
}

function changeimg(tag){
 var n=tag.innerHTML;
 if(n.length==1)n='0'+n;
 document.getElementById('simg').src="img_"+cd+"/"+cd+"_"+n+".jpg";
 document.getElementById('imgtxt').innerHTML=cd+" "+n; 
 for(i=0;i<=50;i++){
  document.getElementsByTagName("td")[i].className='tdi';
 }
 document.getElementById('timg').className=" "; 
 tag.className='tda';
}

function buildselecttbl(){
 var n=1;
 document.write('<table border="0" cellspacing="4" cellpadding="1">');
 for(i=1;i<=10;i++){
  document.write(' <tr>');
  for(k=1;k<=5;k++){
   if(n==1)document.write('<td class="tda" onclick="changeimg(this);">'+n+'</td>');
   else document.write('<td class="tdi" onclick="changeimg(this);">'+n+'</td>');
   n=n+1;
  }
  document.write(' </tr>');
 }
 document.write('</table>');
}

function setorder(){
  cd = new Option(document.order.auswahl.options[document.order.auswahl.selectedIndex].value, document.order.auswahl.options[document.order.auswahl.selectedIndex].value, false, false);
  document.order.bestellung.options[document.order.bestellung.length] = cd;
}

function delorder(){
 var elm = document.order.bestellung;
 var max = elm.length; 
 for(i=0;i<max;i++){if(elm.options[i].selected==true){elm.options[i]=null;max=max-1;}}
}

function fillorder(){
 document.sendorder.firma.value=firma;
 document.sendorder.vorname.value=vorname;
 document.sendorder.name.value=name;
 document.sendorder.strasse.value=strasse;
 document.sendorder.plz.value=plz;
 document.sendorder.ort.value=ort;
 document.sendorder.mail.value=mail;
 document.sendorder.zahlungsart.value=zahlungsart;
 for(i=0;i<cdorder.length;i++){
  document.sendorder.cdorder.value=document.sendorder.cdorder.value+cdorder[i]+'\n';
 }
}

function prooveorder(){
 var ok = true;
 var errlist="Bitte füllen Sie folgende Felder noch aus:\n\n";
 frm = document.order;
 if(frm.name.value==""){errlist=errlist+"Name\n";ok=false;}
 if(frm.vorname.value==""){errlist=errlist+"Vorname\n";ok=false;}
 if(frm.strasse.value==""){errlist=errlist+"Strasse\n";ok=false;}
 if(frm.plz.value==""){errlist=errlist+"PLZ\n";ok=false;}
 if(frm.ort.value==""){errlist=errlist+"Ort\n";ok=false;}
 if(frm.mail.value==""){errlist=errlist+"E-mail\n";ok=false;}
 if(frm.bestellung.length==0){errlist=errlist+"CD Auswahl\n";ok=false;} 
 if(!ok){
   alert(errlist);
 }
 else{
   firma=frm.firma.value;
   vorname=frm.vorname.value;
   name=frm.name.value;
   strasse=frm.strasse.value;
   plz=frm.plz.value;
   ort=frm.ort.value;
   mail=frm.mail.value;
   if(frm.zahlungsart[0].checked)zahlungsart=frm.zahlungsart[0].value;
   else zahlungsart=frm.zahlungsart[1].value;
   for(i=0;i<frm.bestellung.length;i++){
    cdorder[i]=frm.bestellung.options[i].value;
   }
   //document.location.href='content_4.html';
   document.getElementById('cont3').style.display='none';
   document.getElementById('cont4').style.display='block';
   writeCdOrder();
   writeZArt();
   writeLAdr();  
   fillorder();
 }
}

function writeCdOrder(){
  var tb=document.getElementById('cdord');
  var tx='';
  for(i=0;i<cdorder.length;i++){ 
    tx=tx+cdorder[i]+', ';
  }
  tx=tx.slice(0,tx.length-2);
  tb.innerHTML=tx;
}

function writeZArt(){
  var tb=document.getElementById('zart');
  var tx=zahlungsart;
  tb.innerHTML=tx;
}

function writeLAdr(){
  var tb=document.getElementById('ladr');
  var tx='';
  if(firma!='')tx=firma+'<br />';
  tx=tx+vorname+' '+name+'<br />';
  tx=tx+strasse+'<br />';
  tx=tx+plz+' '+ort;
  tb.innerHTML=tx;
}