﻿
// JavaScript-Datei fuer den kostenlosen Visitenkarten-Shop


//  Bildfunktionen ------------------------------------------Anfang ---------------
//    var VorlagenPfad = ""; 
//        

//    function VpicVorschau(){
//    Kategorie = VpicDateien.split("#");
//    VorlagenOrdner =  "../Visitenkarten/VKarten/Vpics/Kat" 
//    BilderZähler()
//    }
// 

//    function BilderZähler(){  



//    kat = Kategorie.length-2
//    bild = new Array()
//    bildzahl = 1;
//    for(var i = 1; i <= kat; i++){
//    Zähler = Kategorie[i].split(":");
//    x = parseInt(Zähler[1]);
//        for(var j = 1; j <= x; j++){
//        bild[bildzahl] = VorlagenOrdner + i + "Vorl" + j  + ".jpg"
//        bildzahl++; 
//        }
//    }
//        
//    
//    var x = bildzahl/12;
//    w = Math.ceil(x);
//    strE = w*12;
//    
//    var j = 0
//    for(var i = 1; i <= w; i++){
//    var Link = document.createElement("a");
//    var Ltext = document.createTextNode("" + i + "");
//    var Leerzeichen = document.createElement("a");
//    var Ftext = document.createTextNode("  ");    
//    var Anzeigebereich = document.getElementById("Vorschaulinks");
//    Anzeigebereich.appendChild(Link);
//    Anzeigebereich.appendChild(Leerzeichen);    
//    var verweis = document.createAttribute("href");
//    verweis.nodeValue = "javascript:BilderVorschau(" + j + ")";
//    Link.setAttributeNode(verweis);
//    Link.appendChild(Ltext);
//    Leerzeichen.appendChild(Ftext);
//    j = j + 12;
//    }
//    BilderVorschau(0);}
//    
//    
//    
//    function BilderVorschau(a){
//    strA = a; //Anfangsbild
//    var bilder = new Array();
//    var j = 0;
//    for(var i = (bildzahl-1); i>=0; i--){
//    bilder[j] = bild[i];
//    j++;}
//       
//    for(var j = 0; j <= 11; j++){
//        if(a < (bildzahl-1)){        
//        document.getElementById("img" + j).src = bilder[a];
//        document.getElementById("img" + j).style.visibility = "visible";
//        document.getElementById("Lupe" + j).style.visibility = "visible";        
//        document.getElementById("Lupe" + j).src = "../Visitenkarten/VisiElemente/lupe.png";              
//        }else{
//        document.getElementById("img" + j).style.visibility = "hidden";
//        document.getElementById("Lupe" + j).style.visibility = "hidden";} 
//               
//        a++;
//    }
//  
//}

//function ZurueckBlaettern(strA){
//    if( strA != "0"){
//        a = strA - 12;
//    }else{
//    return;}   
//    BilderVorschau(a);
//    }  
//    
//function VorBlaettern(strA){
//    if( strA < (strE-12)){
//    a = strA + 12;
//    }else{
//    return;}
//    BilderVorschau(a);
//    }    
// 
// //  Hintergrundauswahl mit dazu gehöriger Vorlage
//    function Auswahl(imgObj){
//    TextSpeichern();
//    if( strSeite == "V"){
//            document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundImage = "url(" + imgObj.src + ")";  
//            Vorlagezuruecksetzen(imgObj)
//            Vorlagen(imgObj);
//        }
//        else{
//            if(  document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked == true){
//            LogoAusblenden();
//            document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage = "url(" + imgObj.src + ")"      
//            }else{
//            document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage = "url(" + imgObj.src + ")";}
//        }   
//   }  
 
 
 
 //---------------------------------------------------Ende----------------------------------------------------
 
 
 
 // Beginn Neue VorschauProzedur
 
 // ---- Region Funktionen fuer Auswahl der Kartenart ----
 
 
 
 //flag --> 0 MenueStyle zuruecksetzen; flag --> 1 MenueStyle setzen
 //Alte Positionen speichern und Karten verschieben, dann zuruecksetzen;
 //bestimmte Bilder entsprechend verschieben und einblenden
 
  
 //Funktion fuer Menuestyle setzen
 function MenueSwitchStart(flag) {
 //Zwischenwerte zum Rechnen/Zuweisen
 var Zwischenwert = "";
 var TempX = "";
 var TempY = "";
 
 var CssClass = "";
 var Abstandswert = 0;
 
 //Beschriftung der Links
 var LinkText = MenuEintragGoto;
 
 //Beschriftungen der Ueberschriften
 var TitleTexts = new Array(MenuEintragVisi, MenuEintragBonus, MenuEintragTermin, MenuEintragTaschen);
 
 //Left-Werte der Ueberschriften entsprechend der benutzten Sprache setzen
 if (TitleTexts[0] == "Visitenkarten") {
   var TitleLeftValues = new Array(18, 20, 17, 3);
 } else {
   var TitleLeftValues = new Array(13, 22, 0, 16);
 }  
 
 
if (flag == 1) 
 {StartMenuActiv = 1}
else
 {StartMenuActiv = 0}   
 
 
    for(var i = 0; i <= 3; i++) {
      //CSS-Style setzen   
      if (flag == 1) 
       {CssClass = "imgMenu"}
      else
       {CssClass = "imgNormal"}   
      document.getElementById("img" + i).className = CssClass;
      
      
      //Abstand zwischen Bildern neu setzen
      if (flag == 1) 
       {Abstandswert = 35}
      else
       {Abstandswert = -35}   
       
      //Kartenbild
      Zwischenwert = document.getElementById("img" + i).style.left;
      Zwischenwert = Zwischenwert.replace("px", "");
      Zwischenwert = parseInt(Zwischenwert) + (i*Abstandswert);
      document.getElementById("img" + i).style.left = Zwischenwert;          
      
      //Lupe
      Zwischenwert = document.getElementById("Lupe" + i).style.left;
      Zwischenwert = Zwischenwert.replace("px", "");
      Zwischenwert = parseInt(Zwischenwert) + (i*Abstandswert);
      document.getElementById("Lupe" + i).style.left = Zwischenwert;  
      
      //Ueberschriften setzen
      if (flag == 1) {
        xInnerHtml("TitleDiv" + i, TitleTexts[i]);
        TempX =  xGetElementById("img" + i).style.left;
        TempY = xGetElementById("img" + i).style.top;
        //Numerischen Wert extrahieren und erhöhen
        TempX = TempX.slice(0, TempX.search(/px/));    
        TempY = TempY.slice(0, TempY.search(/px/));
        TempX = parseInt(TempX) + TitleLeftValues[i];
        TempY = parseInt(TempY) - 24; 
        xGetElementById("TitleDiv" + i).style.left = String(TempX) + "px";
        xGetElementById("TitleDiv" + i).style.top = String(TempY) + "px" ;
        xShow("TitleDiv" + i); 
      } else {
        xHide("TitleDiv" + i);
        xGetElementById("TitleDiv" + i).style.left = "0px";
        xGetElementById("TitleDiv" + i).style.top = "0px";
      }
      
      if (flag == 1) { 
        //Obere Menuelinks setzen
        switch (i) {  //Unterscheidung der einzelnen Menues
         case 0:
           Zwischenwert = "Auswahl('dummy',0);";
           break;
         case 1:
           Zwischenwert = "ZeigeBonuskartenKategorien();";
           break;
         case 2:
           Zwischenwert = "ZeigeTerminkartenKategorien();";
           break;
         case 3:
           Zwischenwert = "ZeigeTaschenkalenderKategorien()";
           break;
        }
        
        Zwischenwert = '<a href="javascript:' + Zwischenwert + '" style="color: black;">' + LinkText + '</a>';
        xInnerHtml("MenueLinkDiv" + i, Zwischenwert);
               
        
        TempX =  xGetElementById("img" + i).style.left;
        TempY = xGetElementById("img" + i).style.top;
        //Numerischen Wert extrahieren und erhöhen
        TempX = TempX.slice(0, TempX.search(/px/));    
        TempY = TempY.slice(0, TempY.search(/px/));
        TempX = parseInt(TempX) + 35;
        TempY = parseInt(TempY) + 95; 
        xGetElementById("MenueLinkDiv" + i).style.left = String(TempX) + "px";
        xGetElementById("MenueLinkDiv" + i).style.top = String(TempY) + "px" ;
        xShow("MenueLinkDiv" + i); 
      } else {
        xHide("MenueLinkDiv" + i);
        xGetElementById("MenueLinkDiv" + i).style.left = "0px";
        xGetElementById("MenueLinkDiv" + i).style.top = "0px";
      }  
    } 
    
    
    //Tabelle kleiner machen --> absolute Positionierung im Weg
    //xGetElementById("tblOben").style.height = "300px";
     
 }
 
 var Menubilder;
 var Kartenbilder;

 window.onload = function()
 {
    global_window_onload();
    var Sprache2 = document.getElementById("ctl00_ContentPlaceHolder_Page_sprache").value;
    Menubilder = "../Visitenkarten/VKarten/Menu/"  + Sprache2 + "/";
    InitialiseMenu(); 
    Kartenbilder =  "../Visitenkarten/VKarten/Vpics/" + Sprache2 + "/";
 } 
 
 var ActiveMenu = "";   //Welches Menue ist ausgewaehlt.
 //V --> Visitenkarten
 //T --> Terminkarten  
 //B --> Bonuskarten
 //K --> Taschenkalender
 var MenuEbene = 0;     //Steuervariable fuer Menueebene

   //var Menubilder = "../Visitenkarten/VKarten/Menu/"
   //var Kartenbilder =  "../Visitenkarten/VKarten/Vpics/"


 function InitialiseMenu()
   {
      xGetElementById("img0").src = Menubilder + "menu_visi.jpg";     
      xGetElementById("img1").src = Menubilder + "menu_bonus.jpg";
      xGetElementById("img2").src = Menubilder + "menu_termin.jpg";     
      xGetElementById("img3").src = Menubilder + "menu_kalender.jpg";

      // Benoetigte Elemente sichtbar machen und Bilder neuen Style zuweisen
      // auch die Vergroesserungs-Elemente mit einbeziehen
      for (var i = 0; i <= 11; i++)
      {
      	if (i <= 3)
      	{
      		xGetElementById("img" + i).style.visibility = "visible"; // back komp.
      		xGetElementById("img" + i).style.display = "block";
      		xGetElementById("Lupe" + i).style.display = "block";
      	}
      	else
      	{
      		xGetElementById("img" + i).style.visibility = "hidden"; // back komp.
      		xGetElementById("img" + i).style.display = "none";
      		xGetElementById("Lupe" + i).style.display = "none";
      	}
      }

      document.getElementById("tblMainM").style.display = "none";
      document.getElementById("tblVorschauLinks").style.display = "none";
      
      //Menuesteuervariablen anpassen
      ActiveMenu = "";
      MenuEbene = 0; 
      
     //Steuer-Pfeile ausblenden   
     document.getElementById("tblVorschauLinks").style.display = "none";
     document.getElementById("tblMainM").style.display= "none";    
      
      //Hinweistext anpassen
      xGetElementById("ctl00_ContentPlaceHolder_Page_ErsteUeberschrift").innerHTML = MenuStartEintrag;
      
      //VisiMenue zuruecksetzen
      strB = "H";
      
      //Menuestyle auf Startseite anpassen lassen
      MenueSwitchStart(1);
      
      
   }
  
  //#######################Terminkarten########################
  function ZeigeTerminkartenKategorien() {
    var Bilder = xGetElementById("ctl00_ContentPlaceHolder_Page_HFTerminVorlagen").value.split("#");  
    
    if (StartMenuActiv == 1) {
      MenueSwitchStart(0);    
    }
    
    for(var x = 0; x <= 11; x++){
      if (x < Bilder.length) {
        xGetElementById("img" + x).src = Kartenbilder + "Termin" + (x+1) + "Vorl1.jpg";
        
        xGetElementById("img" + x).style.visibility = "visible";
        xGetElementById("Lupe" + x).style.visibility = "visible";
      } else {
        xGetElementById("img" + x).style.visibility = "hidden";
        xGetElementById("Lupe" + x).style.visibility = "hidden";
      } 
    } 
    
    //Menuesteuervariablen anpassen
    MenuEbene = 1;  
    ActiveMenu = "T";
    
    //Zurueck-Pfeil anzeigen    
    document.getElementById("tblVorschauLinks").style.display = "none";
    document.getElementById("tblMainM").style.display= "block";
    
    //Ueberschrift-Text anpassen
    document.getElementById("ctl00_ContentPlaceHolder_Page_ErsteUeberschrift").innerHTML = '<a href="javascript:InitialiseMenu();">' + MenuEintragTermin + '</a>' + ' > ' + KategorieHinweis1;
    
    
  } 
  
  
  
  function ZeigeTerminkarten(SelectedPic) {
    var Bilder = xGetElementById("ctl00_ContentPlaceHolder_Page_HFTerminVorlagen").value.split("#");           
    var BildAnzahl = Bilder[SelectedPic];
    
    for(var x = 0; x < 11; x++){
      if (x < BildAnzahl) {
        xGetElementById("img" + x).src = Kartenbilder + "Termin" + String(SelectedPic+1) + "Vorl" + String(x+1) + ".jpg";
        var temp = Kartenbilder + "Termin" + (SelectedPic+1) + "Vorl" + String(x+1) + ".jpg";
        
        xGetElementById("img" + x).style.visibility = "visible";
        xGetElementById("Lupe" + x).style.visibility = "visible";
      } else {
        xGetElementById("img" + x).style.visibility = "hidden";
        xGetElementById("Lupe" + x).style.visibility = "hidden";
      }   
    }      
    
    //Ueberschrift-Text anpassen
    document.getElementById("ctl00_ContentPlaceHolder_Page_ErsteUeberschrift").innerHTML = '<a href="javascript:InitialiseMenu();">' + MenuEintragTermin + '</a>' + ' > ' + '<a href="javascript:ZeigeTerminkartenKategorien();">' + KategorieHinweis2 + '</a>' + KategorieHinweis2b; 
  }
  
  
  
  function LadeTerminkarte(imgObj) {
    window.scrollTo(0,700);
    if( strSeite == "V"){
       document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundImage = "url(" + imgObj.src + ")";  
       Vorlagezuruecksetzen(imgObj)
       Vorlagen(imgObj);
       //Logobild anpassen wenn eine Terminkarte geladen wurde
       if (document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked == true) {
         LogoEinblenden();    
       }
       //Bei Terminkarten weniger Eingabemoeglichkeiten zulassen:
       RemoveInputfields(1,1);
    }else{
       if(  document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked == true){
         LogoAusblenden();
         document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage = "url(" + imgObj.src + ")"      
       }else{
         document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage = "url(" + imgObj.src + ")";}
    } 
             
  }
  
  //#######################End Terminkarten########################
  
  
  //#######################Bonuskarten########################
  function ZeigeBonuskartenKategorien() {
    var Bilder = xGetElementById("ctl00_ContentPlaceHolder_Page_HFBonusVorlagen").value.split("#");    
    
    if (StartMenuActiv == 1) {
      MenueSwitchStart(0);    
    }
    
    for(var x = 0; x <= 11; x++){
      if (x < Bilder.length) {
        xGetElementById("img" + x).src = Kartenbilder + "Bonus" + (x+1) + "Vorl1.jpg";
        
        xGetElementById("img" + x).style.visibility = "visible";
        xGetElementById("Lupe" + x).style.visibility = "visible";
      } else {
        xGetElementById("img" + x).style.visibility = "hidden";
        xGetElementById("Lupe" + x).style.visibility = "hidden";
      } 
    } 
    
    //Menuesteuervariablen anpassen
    MenuEbene = 1;  
    ActiveMenu = "B";
    
    //Zurueck-Pfeil anzeigen    
    document.getElementById("tblVorschauLinks").style.display = "none";
    document.getElementById("tblMainM").style.display= "block";
    
    //Ueberschrift-Text anpassen
    document.getElementById("ctl00_ContentPlaceHolder_Page_ErsteUeberschrift").innerHTML = '<a href="javascript:InitialiseMenu();">' + MenuEintragBonus + '</a>' + ' > ' + KategorieHinweis1;
      
  } 
  
  
  function ZeigeBonuskarten(SelectedPic) {
    var Bilder = xGetElementById("ctl00_ContentPlaceHolder_Page_HFBonusVorlagen").value.split("#");           
    var BildAnzahl = Bilder[SelectedPic];
    
    for(var x = 0; x < 11; x++){
      if (x < BildAnzahl) {
        xGetElementById("img" + x).src = Kartenbilder + "Bonus" + String(SelectedPic+1) + "Vorl" + String(x+1) + ".jpg";
        var temp = Kartenbilder + "Bonus" + (SelectedPic+1) + "Vorl" + String(x+1) + ".jpg";
        
        xGetElementById("img" + x).style.visibility = "visible";
        xGetElementById("Lupe" + x).style.visibility = "visible";
      } else {
        xGetElementById("img" + x).style.visibility = "hidden";
        xGetElementById("Lupe" + x).style.visibility = "hidden";
      }   
    }      
    
    //Ueberschrift-Text anpassen
    document.getElementById("ctl00_ContentPlaceHolder_Page_ErsteUeberschrift").innerHTML = '<a href="javascript:InitialiseMenu();">' + MenuEintragBonus + '</a>' + ' > ' + '<a href="javascript:ZeigeBonuskartenKategorien();">' + KategorieHinweis2 + '</a>' + KategorieHinweis2b; 
  }
    
  
  function LadeBonuskarte(imgObj) {
    window.scrollTo(0,700);
    if( strSeite == "V"){
       document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundImage = "url(" + imgObj.src + ")";  
       Vorlagezuruecksetzen(imgObj)
       Vorlagen(imgObj);
       //Logobild anpassen wenn eine Bonuskarte geladen wurde
       if (document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked == true) {
         LogoEinblenden();    
       }
       //Bei Bonuskarten Standard-Eingabemoeglichkeiten zulassen bzw. wieder anzeigen:
       RemoveInputfields(0,0);
    }else{
       if(  document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked == true){
         LogoAusblenden();
         document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage = "url(" + imgObj.src + ")"      
       }else{
         document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage = "url(" + imgObj.src + ")";}
    } 
             
  }
   
  //#######################End Bonuskarten########################
  
  
  //#######################Taschenkalender########################
  function ZeigeTaschenkalenderKategorien() {
    var Bilder = xGetElementById("ctl00_ContentPlaceHolder_Page_HFKalenderVorlagen").value.split("#");    
    
    if (StartMenuActiv == 1) {
      MenueSwitchStart(0);    
    }
    
    for(var x = 0; x <= 11; x++){
      if (x < Bilder.length) {
        xGetElementById("img" + x).src = Kartenbilder + "Taschen" + (x+1) + "Vorl1.jpg";
        
        xGetElementById("img" + x).style.visibility = "visible";
        xGetElementById("Lupe" + x).style.visibility = "visible";
      } else {
        xGetElementById("img" + x).style.visibility = "hidden";
        xGetElementById("Lupe" + x).style.visibility = "hidden";
      } 
    } 
    
    //Menuesteuervariablen anpassen
    MenuEbene = 1;  
    ActiveMenu = "K";
    
    //Zurueck-Pfeil anzeigen    
    document.getElementById("tblVorschauLinks").style.display = "none";
    document.getElementById("tblMainM").style.display= "block";
    
    //Ueberschrift-Text anpassen
    document.getElementById("ctl00_ContentPlaceHolder_Page_ErsteUeberschrift").innerHTML = '<a href="javascript:InitialiseMenu();">' + MenuEintragTaschen + '</a>' + ' > ' + KategorieHinweis1;
      
  } 
  
  
  function ZeigeTaschenkalender(SelectedPic) {
    var Bilder = xGetElementById("ctl00_ContentPlaceHolder_Page_HFKalenderVorlagen").value.split("#");           
    var BildAnzahl = Bilder[SelectedPic];
    
    for(var x = 0; x < 11; x++){
      if (x < BildAnzahl) {
        xGetElementById("img" + x).src = Kartenbilder + "Taschen" + String(SelectedPic+1) + "Vorl" + String(x+1) + ".jpg";
        var temp = Kartenbilder + "Taschen" + (SelectedPic+1) + "Vorl" + String(x+1) + ".jpg";
        
        xGetElementById("img" + x).style.visibility = "visible";
        xGetElementById("Lupe" + x).style.visibility = "visible";
      } else {
        xGetElementById("img" + x).style.visibility = "hidden";
        xGetElementById("Lupe" + x).style.visibility = "hidden";
      }   
    }      
    
    //Ueberschrift-Text anpassen
    document.getElementById("ctl00_ContentPlaceHolder_Page_ErsteUeberschrift").innerHTML = '<a href="javascript:InitialiseMenu();">' + MenuEintragTaschen + '</a>' + ' > ' + '<a href="javascript:ZeigeTaschenkalenderKategorien();">' + KategorieHinweis2 + '</a>' + KategorieHinweis2b; 
  }
    
  
  function LadeTaschenkalender(imgObj) {
    window.scrollTo(0,700);
    if( strSeite == "V"){
       document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundImage = "url(" + imgObj.src + ")";  
       Vorlagezuruecksetzen(imgObj)
       Vorlagen(imgObj);
       //Logobild anpassen wenn ein Taschenkalender geladen wurde
       if (document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked == true) {
         LogoEinblenden();    
       }
       //Bei Taschenkalendern Standard-Eingabemoeglichkeiten zulassen bzw. wieder anzeigen:
       RemoveInputfields(0,0);
       
    }else{
       if(  document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked == true){
         LogoAusblenden();
         document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage = "url(" + imgObj.src + ")"      
       }else{
         document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage = "url(" + imgObj.src + ")";}
    } 
             
  }
   
  //#######################End Taschenkalender########################
  
  
  
  
  
  
  
   
  //Bei Terminkarten weniger Eingabemoeglichkeiten zulassen bzw. zuruecksetzen
  function RemoveInputfields(flag, RemoveText) {
  var VisibleValue = "visible";
  //var TextValue = "%#HL#%";
  var TextValue = "";
   
    if (flag == 1) {
     VisibleValue = "hidden"; 
    } 
    
    for(var x = 6; x <= 10; x++){ 
      xGetElementById("ctl00_ContentPlaceHolder_Page_Vtbox" + x).style.visibility = VisibleValue;
      if (RemoveText == 1) {//Nur Aendern bei Wechsel der Kartenart, nicht bei Vorder-/Rueckseitenwechsel
        xGetElementById("ctl00_ContentPlaceHolder_Page_Vtbox" + x).value = "";
        xGetElementById("ctl00_ContentPlaceHolder_Page_VZeile" + x).firstChild.nodeValue = TextValue;
      }  
    }   
  }
   
 // ---- Ende Region Funktionen fuer Auswahl der Kartenart ----
 
 
 
 
    var VorlagenPfad = ""; 
    var imglupe = "VisiElemente/All/lupe.png" 
       
    a = 1
        
   
//    ***DELETE***
//Bilderdaten der Terminkarten einlesen
//    var TerminDaten = new Array(); 
//    
//    function TerminBilderDatenEinlesen() {
//      TerminDaten = xGetElementById("ctl00_ContentPlaceHolder_Page_HFTerminVorlagen").value.split("#"); 
//    }
//    
//    
//    //Bilderdaten der Bonuskarten einlesen
//    var BonusDaten = new Array(); 
//    
//    function BonusBilderDatenEinlesen() {
//      BonusDaten = xGetElementById("ctl00_ContentPlaceHolder_Page_HFBonusVorlagen").value.split("#"); 
//    }
    
      
              
    function VpicVorschau(){
       strB = "H";
       Kategorie = VpicDateien.split("#");
       //VorlagenOrdner =  "../Visitenkarten/VKarten/Vpics/Kat" 
       VorlagenOrdner =  Kartenbilder + "Kat" 
       BilderZähler()
    }
 


function BilderZähler(){ 
    kat = Kategorie.length-2
    bild = new Array()
    bildzahl = 1;
    for(var i = 1; i <= kat; i++){
        bild[i] = new Array();
    Zähler = Kategorie[i].split(":");
    x = parseInt(Zähler[1]);
        for(var j = 1; j <= x; j++){
        bild[i][j] = VorlagenOrdner + i + "Vorl" + j  + ".jpg"
        bildzahl++; 
        }
    }

    var x = kat/12;
    w = Math.ceil(x);
    strE = (w*12)+1;
    
        var j = 1
    for(var i = 1; i <= w; i++){
    var Link = document.createElement("a");
    var Ltext = document.createTextNode("" + i + "");
    var Leerzeichen = document.createElement("a");
    var Ftext = document.createTextNode("  ");    
    var Anzeigebereich = document.getElementById("Vorschaulinks");
    Anzeigebereich.appendChild(Link);
    Anzeigebereich.appendChild(Leerzeichen);    
    var verweis = document.createAttribute("href");
    verweis.nodeValue = "javascript:BilderVorschau(" + j + ")";
    Link.setAttributeNode(verweis);
    Link.appendChild(Ltext);
    Leerzeichen.appendChild(Ftext);
    j = j + 12;
    }
    BilderVorschau(1);
}
    
   
   
    function BilderVorschau(a){
     strA = a; //Anfangsbild

    for(var j = 0; j <= 11; j++){
        if(a <= kat){ 
        document.getElementById("Lupe" + j).style.visibility = "visible";        
        document.getElementById("Lupe" + j).src = imglupe;
        document.getElementById("img" + j).src = bild[a][1];
        document.getElementById("img" + j).style.visibility = "visible";
        }else{
        document.getElementById("img" + j).style.visibility = "hidden";
        document.getElementById("Lupe" + j).style.visibility = "hidden";} 
               
        a++;
        }
    }  
   
   
function ZurueckBlaettern(strA){
    if( strA != "1"){
        a = strA - 12;
    }else{
    return;}   
    BilderVorschau(a);
    }  
    
function VorBlaettern(strA){
    if( strA < (strE-12)){
    a = strA + 12;
    }else{
    return;}
    BilderVorschau(a);
    }       
    
    

var VisikategorieMenuInitialized = 0; //beim ersten mal muss bei Visitenkarten andere Funktion aufgerufen werden
var StartMenuActiv = 0;

//H--> Kategorieauswahl  U --> Bildauswahl   
function Auswahl(imgObj,bz){
    //Startmenue bei Bedarf zuruecksetzen
    if (StartMenuActiv == 1) {
      MenueSwitchStart(0);    
    }

    if (MenuEbene == 0)
    {   //Auswahl der Kartenarten
    	document.getElementById("tblLinks").style.display = "block";
      switch (bz){
             case 0:  //Visitenkarten
               MenuEbene = 1;
               ActiveMenu = "V";
               document.getElementById("tblMainM").style.display= "none";
               document.getElementById("tblVorschauLinks").style.display = "block";
               if (VisikategorieMenuInitialized == 0) {
                 VisikategorieMenuInitialized = 1;
                 VpicVorschau();  
               } else {
                 BilderVorschau(strA);
               }
               //Ueberschrift-Zeile setzen
               document.getElementById("ctl00_ContentPlaceHolder_Page_ErsteUeberschrift").innerHTML = '<a href="javascript:InitialiseMenu();">' + MenuEintragVisi + '</a>' + ' > ' + KategorieHinweis1;
               return; //Funktion verlassen 
             case 1:  //Bonuskarten
               ZeigeBonuskartenKategorien();            
               return; //Funktion verlassen 
             case 2:  //Terminkarten
               ZeigeTerminkartenKategorien();            
               return; //Funktion verlassen   
             case 3:  //Kalender
               ZeigeTaschenkalenderKategorien();            
               return; //Funktion verlassen     
             default:  //Aendern!
               ZeigeTerminkartenKategorien();            
               return; //Funktion verlassen 
      }        
    } 
    
    if (MenuEbene == 1) {
      MenuEbene = 2;
      
//***DELETE***      
//      if (ActiveMenu == "T") {  //Auwahl der Terminkarten-Kategorien           
//       ZeigeTerminkarten(bz);
//       return; //Funktion verlassen 
//      } 
//      if (ActiveMenu == "B") {  //Auwahl der Bonuskarten-Kategorien           
//       ZeigeBonuskarten(bz);
//       return; //Funktion verlassen 
//      }
      
      switch (ActiveMenu){
          case "T":  //Auwahl der Terminkarten-Kategorien 
             ZeigeTerminkarten(bz);
             return; //Funktion verlassen        
             break;
          case "B":  //Auwahl der Bonuskarten-Kategorien 
             ZeigeBonuskarten(bz);
             return; //Funktion verlassen 
             break; 
          case "K":  //Auwahl der Taschenkalender-Kategorien 
             ZeigeTaschenkalender(bz);
             return; //Funktion verlassen 
             break;   
      }           
    }        
    
    
    if (MenuEbene == 2) {
     
//***DELETE***     
//     if (ActiveMenu == "T") {  //Anzeige der Terminkarten einer Kategorie                  
//       LadeTerminkarte(imgObj);
//       return; //Funktion verlassen 
//     } 
//     if (ActiveMenu == "B") {  //Anzeige der Bonuskarten einer Kategorie                  
//       LadeBonuskarte(imgObj);
//       return; //Funktion verlassen 
//     } 
     
     switch (ActiveMenu){
          case "T":  //Anzeige der Terminkarten einer Kategorie
             LadeTerminkarte(imgObj);
             return; //Funktion verlassen        
             break;
          case "B":  //Anzeige der Bonuskarten einer Kategorie
             LadeBonuskarte(imgObj);
             return; //Funktion verlassen 
             break;
          case "K":  //Anzeige der Taschenkalender einer Kategorie
             LadeTaschenkalender(imgObj);
             return; //Funktion verlassen 
             break;   
     }          
    }
    
    
             
    TextSpeichern(); 
    var z = 1
    if(strB == "H"){
        strB = "U";
        var x = strA + bz
        var i = (bild[x].length)-1;

        document.getElementById("tblMainM").style.display = "block";
        document.getElementById("tblVorschauLinks").style.display = "none";
        for(var j = 1; j <= 12; j++){
            if(z<=i){
                document.getElementById("Lupe" + j).style.visibility = "visible";        
                document.getElementById("Lupe" + j).src = imglupe;
                document.getElementById("img" + (j-1)).src = bild[x][j];
                document.getElementById("img" + (j-1)).style.visibility = "visible"; 
            }else{
                document.getElementById("img" + (j-1)).style.visibility = "hidden";
                document.getElementById("Lupe" + (j-1)).style.visibility = "hidden";} 
        z++;
        }
        
        //Hinweistext in der Statuszeile einblenden:
        //document.getElementById("ctl00_ContentPlaceHolder_Page_ErsteUeberschrift").firstChild.nodeValue = KategorieHinweis2;
        
        //document.getElementById("ctl00_ContentPlaceHolder_Page_ErsteUeberschrift").innerHTML = '<a href="javascript:MainMenu(strA);">' + KategorieHinweis2 + '</a>' + KategorieHinweis2b;
        
        //Ueberschrift-Text anpassen
        document.getElementById("ctl00_ContentPlaceHolder_Page_ErsteUeberschrift").innerHTML = '<a href="javascript:InitialiseMenu();">' + MenuEintragVisi + '</a>' + ' > ' + '<a href="javascript:MainMenu(strA);">' + KategorieHinweis2 + '</a>' + KategorieHinweis2b;
    
    
    }else{ 
        window.scrollTo(0,700);
        if( strSeite == "V"){
            RemoveInputfields(0,0);
            document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundImage = "url(" + imgObj.src + ")";  
            //Logobild anpassen wenn eine Visitenkarte geladen wurde
            if (document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked == true) {
             LogoEinblenden();    
            }
            Vorlagezuruecksetzen(imgObj)
            Vorlagen(imgObj);    
        }else{
            if(  document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked == true){
            LogoAusblenden();
            document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage = "url(" + imgObj.src + ")"      
            }else{
            document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage = "url(" + imgObj.src + ")";}
        }       
    
    }

    }


    function MenueStepBack()
    {
      //Zurueck zur Kartenartauswahl  
      if (MenuEbene == 1) {
        InitialiseMenu();
        return;  
      }
      
      //Zurueck zur Kategorieauswahl
      switch (ActiveMenu){
          case "V":  //Visitenkarten
             MenuEbene = 1; 
             MainMenu(strA);          
             break;
          case "T":  //Terminkarten
             ZeigeTerminkartenKategorien();
             break; 
          case "B":  //Bonuskarten
             ZeigeBonuskartenKategorien();
             break;    
          case "K":  //Taschenkalender
             ZeigeTaschenkalenderKategorien();
             break;       
      }         
    } 
     
    
    function MainMenu(strA){
    strB = "H";
    BilderVorschau(strA);
    document.getElementById("tblMainM").style.display= "none";
    document.getElementById("tblVorschauLinks").style.display = "block";
    
    //Hinweistext in der Statuszeile einblenden:
    //document.getElementById("ctl00_ContentPlaceHolder_Page_ErsteUeberschrift").firstChild.nodeValue = KategorieHinweis1;     
    document.getElementById("ctl00_ContentPlaceHolder_Page_ErsteUeberschrift").innerHTML = '<a href="javascript:InitialiseMenu();">' + MenuEintragVisi + '</a>' + ' > ' + KategorieHinweis1;
    }
  
//Ende--------------------------------------------------------------- 
 
 
 
  
function LogoEinblenden(){
        document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked = true;
        document.getElementById("ctl00_ContentPlaceHolder_Page_rbOhneLogo").checked = false;
  
  var DivVorderseiteBG = xGetElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundImage;
  var Sprache = document.getElementById("ctl00_ContentPlaceHolder_Page_sprache").value;
  if (DivVorderseiteBG.search(/Termin/) != -1 || DivVorderseiteBG.search(/Bonus/) != -1 || DivVorderseiteBG.search(/Taschen/) != -1) {
    var UrlPfad = "url(VKarten/Sponsoring/" + Sprache + "/ansicht/" + GewaehltesLogo + ")"
  } else {
   var UrlPfad = "url(VKarten/Sponsoring/" + Sprache + "/ansicht/" + GewaehltesLogo + ")"
  }  
    document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage = UrlPfad ;
    document.getElementById("ctl00_ContentPlaceHolder_Page_Rtbox1").value = "";
    document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").firstChild.nodeValue= "";
    
    if (xGetElementById("ctl00_ContentPlaceHolder_Page_tableKalk") != null) {   
      document.getElementById("ctl00_ContentPlaceHolder_Page_tableKalk").style.display = "none";    
    }  
}


function LogoAusblenden(){
        document.getElementById("ctl00_ContentPlaceHolder_Page_rbOhneLogo").checked = true;
        document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked = false;        
//    if(document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage == "url(VKarten/Sponsoring/" + Sprache + "/ansicht/" + GewaehltesLogo +")") {
      document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage = "none"
//    };
    
    if (xGetElementById("ctl00_ContentPlaceHolder_Page_tableKalk") != null) {   
      xGetElementById("ctl00_ContentPlaceHolder_Page_tableKalk").style.display = "none";
    }  
    //Popup aufrufen
    BigPopup(PopupAenderungen,"600,900",0);
    window.scrollTo(1000,5000);
     
}


function KalkulationAusblenden() {
 if (xGetElementById("ctl00_ContentPlaceHolder_Page_tableKalk") != null) {
  document.getElementById("ctl00_ContentPlaceHolder_Page_tableKalk").style.display = "none";
 } 
}
        

//  Prüfung welche Seiten bedruckt werden 4 = nur Vorderseite, 8 = beidseitig
    function PruefungDruckseite(){
    var HFarbe = document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundColor;
    var HBild = document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage;
    var RsText = document.getElementById("ctl00_ContentPlaceHolder_Page_Rtbox1").value;
    if(HFarbe == "rgb(255, 255, 255)" || HFarbe == "#ffffff"){
        if(RsText == "" && HBild == "none"){
        strDruck = "4";
        }
        else{ 
        strDruck = "8";}
    }else{
        strDruck = "8";}
    document.getElementById("ctl00_ContentPlaceHolder_Page_VsRsSeiten").value = strDruck;
    } 
    
    
//  Bildfunktionen
    function Lupe(imgObj) {
    if (document.getElementById(imgObj).className == "imgNormal" || document.getElementById(imgObj).className == "imgMenu") {
        document.getElementById(imgObj).className = "imgGroß";
    } else {
      if (MenuEbene == "0") {
        document.getElementById(imgObj).className = "imgMenu";
      } else {
        document.getElementById(imgObj).className = "imgNormal";
      }  
    }//end if
    }//end function


function showBigOrSmallIMG(value) {
	if (value == 1)
	{
		document.getElementById("cardDIV_mini").style.display = "none";
		document.getElementById("cardDIV").style.display = "block";
	}
	else 
	{
		document.getElementById("cardDIV_mini").style.display = "block";
		document.getElementById("cardDIV").style.display = "none";
	}
}

 function Vorlagen(imgObj){
    if( strSeite == "V"){
    document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundImage = "url(" + imgObj.src + ")";
    VorlageLaden("ctl00_ContentPlaceHolder_Page_VZeile", imgObj.src);   
    }
    else{
    document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage = "url(" + imgObj.src + ")";
    VorlageLaden("ctl00_ContentPlaceHolder_Page_RZeile", imgObj.src);
    }
    }



//  Seitenwechsel    
    function Vorderseite(){
    strSeite="V";
    SteveBennewitz = "ctl00_ContentPlaceHolder_Page_VZeile1";
    Format(SteveBennewitz);
    FeldfarbeAuslesen();

    if(document.getElementById(SteveBennewitz).firstChild.nodeValue =="%#HL#%"){
    document.getElementById("divLabel").firstChild.nodeValue = Leerzeile;}
    else{
    document.getElementById("divLabel").firstChild.nodeValue = document.getElementById(SteveBennewitz).firstChild.nodeValue;
    }  
    document.getElementById("ctl00_ContentPlaceHolder_Page_tblVorderseite").style.visibility = "visible";
    document.getElementById("ctl00_ContentPlaceHolder_Page_tblRueckseite").style.visibility = "hidden";
    document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.visibility = "visible";
    document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.visibility = "hidden";
    document.getElementById("btnVaktiv").style.visibility = "visible";
    document.getElementById("btnVpassiv").style.visibility = "hidden";
    document.getElementById("btnRaktiv").style.visibility = "hidden";
    document.getElementById("btnRpassiv").style.visibility = "visible";
    document.getElementById("divReiterV").style.visibility = "visible";
    document.getElementById("divReiterR").style.visibility = "hidden";
    document.getElementById("divVorschauV").style.visibility = "visible";
    document.getElementById("divVorschauR").style.visibility = "hidden";
    
    for(var i = 1; i<=10;i++){
    if(document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).firstChild.nodeValue !="%#HL#%"){
    document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.visibility = "visible";
    document.getElementById("divLabel").firstChild.nodeValue = Leerzeile;
    }
    document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1" ).style.visibility = "hidden"};
    
    
     var Zwischenwert = document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundImage;
      if (Zwischenwert.search(/Termin/) != -1) {
       RemoveInputfields(1,0);
     } else {
       RemoveInputfields(0,0);
     }
    
    }
    
    
    
    
    
    
    function Rueckseite(){
    strSeite="R";
    
    SteveBennewitz = "ctl00_ContentPlaceHolder_Page_RZeile1";
    Format(SteveBennewitz);
    FeldfarbeAuslesen()
    if(document.getElementById(SteveBennewitz).firstChild.nodeValue =="%#HL#%"){
    document.getElementById("divLabel").firstChild.nodeValue = Leerzeile;}
    else{
    document.getElementById("divLabel").firstChild.nodeValue = document.getElementById(SteveBennewitz).firstChild.nodeValue;
    } 
    document.getElementById("ctl00_ContentPlaceHolder_Page_tblVorderseite").style.visibility = "hidden";
    document.getElementById("ctl00_ContentPlaceHolder_Page_tblRueckseite").style.visibility = "visible";
    document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.visibility = "hidden";
    document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.visibility = "visible";
    document.getElementById("btnVaktiv").style.visibility = "hidden";
    document.getElementById("btnVpassiv").style.visibility = "visible";
    document.getElementById("btnRaktiv").style.visibility = "visible";
    document.getElementById("btnRpassiv").style.visibility = "hidden";
    document.getElementById("divReiterV").style.visibility = "hidden";
    document.getElementById("divReiterR").style.visibility = "visible";
    document.getElementById("divVorschauR").style.visibility = "visible";
    document.getElementById("divVorschauV").style.visibility = "hidden";
    
    
    for(var i = 1; i<=10;i++){
      if(document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").firstChild.nodeValue !="%#HL#%"){ 
        document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.visibility = "visible";
      } 
      document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.visibility = "hidden";
    }  
    
    
    RemoveInputfields(1,0);
       
    }//end function


           
//  Schreibfunktionen
    function Schreiben(Ursprung,Ziel){
    
    if(strSeite =="R"){
        if(document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked == true){
        LogoAusblenden();}
    }
    
    if (Ursprung.value != "") {  
      document.getElementById(Ziel).firstChild.nodeValue = Ursprung.value;
      if (document.getElementById(Ziel).style.visibility == "hidden") {
         document.getElementById(Ziel).style.visibility = "visible"}
    } else {
      document.getElementById(Ziel).firstChild.nodeValue = "%#HL#%";
      document.getElementById(Ziel).style.visibility = "hidden";  
    } 
    document.getElementById("divLabel").firstChild.nodeValue = Ursprung.value;
    }

    
   
              
                   
//  Markierung
    function Markierung(Ursprung){
    Ursprung.style.backgroundColor = "#e35f14";
    }
    function MAufheben(Ursprung){
    Ursprung.style.backgroundColor = "transparent";
    } 
    
    


    
    function SchriftartAendern(Ursprung, Ziel){

    document.getElementById(SteveBennewitz).style.fontFamily = Ursprung.value;

    }

    function GrößeÄndern(Ursprung, Ziel){
    document.getElementById(SteveBennewitz).style.fontSize = Ursprung.value + "pt";
    }
// Farbwahl
    function FarbeÄndern(FarbObj){
    if(document.getElementById("rbFontcolor").checked == true){
        document.getElementById(SteveBennewitz).style.color = FarbObj.style.backgroundColor;   
    }else{       
        if(strSeite =="V"){
           document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundColor = FarbObj.style.backgroundColor;
        HintergrundFarbe();
        }else{
            if(document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked == true){
            return;
            }else{
            document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundColor = FarbObj.style.backgroundColor;}
        HintergrundFarbe();
        }
    }
    FeldfarbeAuslesen();  //Slider anpassen
    }
    
    
    
    
     function AlleAendern(Ursprung){
    for(var i = 1; i <= 10; i++){
        if(strSeite == "V"){
        document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.fontFamily = Ursprung.value;
        }else{
        document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.fontFamily = Ursprung.value;}
    }
    }
    
    
    function HintergrundFarbe(){
        if(strSeite =="V"){
           document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundImage = "none";
        }else{
            if(  document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked == true){
            LogoAusblenden();           
            }else{
           document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage = "none";}
        }
    FeldfarbeAuslesen();
    }
    
    
            
// Decoration übernehmen
    function Fett(Ursprung){
    if(document.getElementById("cboFett").checked == true){document.getElementById(SteveBennewitz).style.fontWeight = "bold";}
    else{document.getElementById(SteveBennewitz).style.fontWeight = "normal";}
    }
    function Kursiv(Ursprung){
    if(document.getElementById("cboKursiv").checked == true){document.getElementById(SteveBennewitz).style.fontStyle = "italic";}
    else{document.getElementById(SteveBennewitz).style.fontStyle = "normal";}
    }
    function Unterstrichen(Ursprung){    
    if(document.getElementById("cboLine").checked == true){document.getElementById(SteveBennewitz).style.textDecoration = "underline";}
    else{document.getElementById(SteveBennewitz).style.textDecoration = "none";}
    }
 

 
 
 // Eingaben Löschen
 
    function EingabenLoeschen(){
    if(strSeite == "V"){
    for(var i = 1; i<=10; i++){
        document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + (i)).style.visibility = "hidden";
        document.getElementById("ctl00_ContentPlaceHolder_Page_Vtbox" + (i)).value = "";
        document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + (i)).firstChild.nodeValue = "%#HL#%";       
        }
    }else{
        document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.visibility = "hidden";
        document.getElementById("ctl00_ContentPlaceHolder_Page_Rtbox1").value = "";
        document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").firstChild.nodeValue = "%#HL#%";
    }            
   } 
   
// serviceAngebot öffnen

    function OpenService(){
        document.getElementById("tblServiceAngebot").style.display = "table";
        if (xGetElementById("ctl00_ContentPlaceHolder_Page_tableKalk") != null) {
          document.getElementById("tableKalk").style.display = "table";        
        }  
    }
   
   
   
   
// Farbregler    



function Range() {
	this._value = 0;
	this._minimum = 0;
	this._maximum = 100;
	this._extent = 0;

	this._isChanging = false;
}

Range.prototype.setValue = function (value) {
	value = Math.round(parseFloat(value));
	if (isNaN(value)) return;
	if (this._value != value) {
		if (value + this._extent > this._maximum)
			this._value = this._maximum - this._extent;
		else if (value < this._minimum)
			this._value = this._minimum;
		else
			this._value = value;
		if (!this._isChanging && typeof this.onchange == "function")
			 this.onchange();
	}
};

Range.prototype.getValue = function () {
	return this._value;
};

Range.prototype.setExtent = function (extent) {
	if (this._extent != extent) {
		if (extent < 0)
			this._extent = 0;
		else if (this._value + extent > this._maximum)
			this._extent = this._maximum - this._value;
		else
			this._extent = extent;
		if (!this._isChanging && typeof this.onchange == "function")
			this.onchange();
	}
};

Range.prototype.getExtent = function () {
	return this._extent;
};

Range.prototype.setMinimum = function (minimum) {
	if (this._minimum != minimum) {
		var oldIsChanging = this._isChanging;
		this._isChanging = true;

		this._minimum = minimum;

		if (minimum > this._value)
			this.setValue(minimum);
		if (minimum > this._maximum) {
			this._extent = 0;
			this.setMaximum(minimum);
			this.setValue(minimum)
		}
		if (minimum + this._extent > this._maximum)
			this._extent = this._maximum - this._minimum;

		this._isChanging = oldIsChanging;
		if (!this._isChanging && typeof this.onchange == "function")
			this.onchange();
	}
};

Range.prototype.getMinimum = function () {
	return this._minimum;
};

Range.prototype.setMaximum = function (maximum) {
	if (this._maximum != maximum) {
		var oldIsChanging = this._isChanging;
		this._isChanging = true;

		this._maximum = maximum;

		if (maximum < this._value)
			this.setValue(maximum - this._extent);
		if (maximum < this._minimum) {
			this._extent = 0;
			this.setMinimum(maximum);
			this.setValue(this._maximum);
		}
		if (maximum < this._minimum + this._extent)
			this._extent = this._maximum - this._minimum;
		if (maximum < this._value + this._extent)
			this._extent = this._maximum - this._value;

		this._isChanging = oldIsChanging;
		if (!this._isChanging && typeof this.onchange == "function")
			this.onchange();
	}
};

Range.prototype.getMaximum = function () {
	return this._maximum;
};
//function zum Auslesen der Farbwerte und Zuweisen der Slider nach Laden des Menüs
function FeldfarbeAuslesen() {
    var clr
    if(document.getElementById("rbFontcolor").checked == true){
     clr = document.getElementById(SteveBennewitz).style.color;   
    }else{
        if(strSeite =="V"){
     clr = document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundColor;
        }else{   
     clr = document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundColor;
        }
    } 
    var red, green, blue 
    
    //IE, Opera formatieren auf #RRGGBB (Hex)
    //Firefox formatiert automatisch auf rgb(r, g, b)  (Dez)   
    
    if (clr.search("rgb") != -1) {
       
       clr = clr.replace(/ /g, "");   
       clr = clr.replace("rgb", "");   
       clr = clr.replace("(", "");
       clr = clr.replace(")", ""); 
       
       var letztes = clr.indexOf(",");
       red = clr.slice(0, letztes);
       
       
       green = clr.slice(letztes+1, clr.indexOf(",", letztes+1));
       letztes = clr.indexOf(",", letztes+1);
       
       blue = clr.slice(letztes+1, clr.length);                

        
    } else {
     
       clr = clr.replace("#", "");
      
    
       red = clr.slice(0,2);
       green = clr.slice(2,4);
       blue = clr.slice(4,6);
    
       
    
       red = parseInt(red,16);
       green = parseInt(green,16);
       blue = parseInt(blue,16);

    }
        
    r.setValue(red);
    g.setValue(green);
    b.setValue(blue);
             
} 

//Funktionen für Dez --> Hex (Benötigt für Zuweisung der Werte an die DIV-Zeile im Stil von #RRGGBB (hex)
function getFrac(num) { num=""+num; return parseFloat("0."+num.substring(num.length-((num.indexOf(".")>=0)?num.length-num.indexOf(".")-1:0),num.length)); }
function stringInt(num,base,size) { var i, q, sign, result="", baseTable="0123456789ABCDEF"; num=parseInt(num); sign=(num<0)?"-":""; base=parseInt(base); size=(size)?size:0; if(!base || base<=1 || base>baseTable.length) { base=10; } while(true) { q=num/base; result=baseTable.charAt(parseInt(getFrac(q)*base))+result; num=parseInt(q); if(num==0) { break; } } q=""; size-=result.length; for(i=0;i<size;i++) { q+="0"; } return sign+q+result; }


Slider.isSupported = typeof document.createElement != "undefined" &&
	typeof document.documentElement != "undefined" &&
	typeof document.documentElement.offsetWidth == "number";


function Slider(oElement, oInput, sOrientation) {
	if (!oElement) return;
	this._orientation = sOrientation || "horizontal";
	this._range = new Range();
	this._range.setExtent(0);
	this._blockIncrement = 10;
	this._unitIncrement = 1;
	this._timer = new Timer(100);


	if (Slider.isSupported && oElement) {

		this.document = oElement.ownerDocument || oElement.document;

		this.element = oElement;
		this.element.slider = this;
		this.element.unselectable = "on";

		// add class name tag to class name
		this.element.className = this._orientation + " " + this.classNameTag + " " + this.element.className;

		// create line
		this.line = this.document.createElement("DIV");
		this.line.className = "line";
		this.line.unselectable = "on";
		this.line.appendChild(this.document.createElement("DIV"));
		this.element.appendChild(this.line);

		// create handle
		this.handle = this.document.createElement("DIV");
		this.handle.className = "handle";
		this.handle.unselectable = "on";
		this.handle.appendChild(this.document.createElement("DIV"));
		this.handle.firstChild.appendChild(
			this.document.createTextNode(String.fromCharCode(160)));
		this.element.appendChild(this.handle);
	}

	this.input = oInput;

	// events
	var oThis = this;
	this._range.onchange = function () {
		oThis.recalculate();
		if (typeof oThis.onchange == "function")
			oThis.onchange();
	};

	if (Slider.isSupported && oElement) {
		this.element.onfocus		= Slider.eventHandlers.onfocus;
		this.element.onblur			= Slider.eventHandlers.onblur;
		this.element.onmousedown	= Slider.eventHandlers.onmousedown;
		this.element.onmouseover	= Slider.eventHandlers.onmouseover;
		this.element.onmouseout		= Slider.eventHandlers.onmouseout;
		this.element.onkeydown		= Slider.eventHandlers.onkeydown;
		this.element.onkeypress		= Slider.eventHandlers.onkeypress;
		this.element.onmousewheel	= Slider.eventHandlers.onmousewheel;
		this.handle.onselectstart	=
		this.element.onselectstart	= function () { return false; };

		this._timer.ontimer = function () {
			oThis.ontimer();
		};

		// extra recalculate for ie
		window.setTimeout(function() {
			oThis.recalculate();
		}, 1);
	}
	else {
		this.input.onchange = function (e) {
			oThis.setValue(oThis.input.value);
		};
	}
}

Slider.eventHandlers = {

	// helpers to make events a bit easier
	getEvent:	function (e, el) {
		if (!e) {
			if (el)
				e = el.document.parentWindow.event;
			else
				e = window.event;
		}
		if (!e.srcElement) {
			var el = e.target;
			while (el != null && el.nodeType != 1)
				el = el.parentNode;
			e.srcElement = el;
		}
		if (typeof e.offsetX == "undefined") {
			e.offsetX = e.layerX;
			e.offsetY = e.layerY;
		}

		return e;
	},

	getDocument:	function (e) {
		if (e.target)
			return e.target.ownerDocument;
		return e.srcElement.document;
	},

	getSlider:	function (e) {
		var el = e.target || e.srcElement;
		while (el != null && el.slider == null)	{
			el = el.parentNode;
		}
		if (el)
			return el.slider;
		return null;
	},

	getLine:	function (e) {
		var el = e.target || e.srcElement;
		while (el != null && el.className != "line")	{
			el = el.parentNode;
		}
		return el;
	},

	getHandle:	function (e) {
		var el = e.target || e.srcElement;
		var re = /handle/;
		while (el != null && !re.test(el.className))	{
			el = el.parentNode;
		}
		return el;
	},
	// end helpers

	onfocus:	function (e) {
		var s = this.slider;
		s._focused = true;
		s.handle.className = "handle hover";
	},

	onblur:	function (e) {
		var s = this.slider
		s._focused = false;
		s.handle.className = "handle";
	},

	onmouseover:	function (e) {
		e = Slider.eventHandlers.getEvent(e, this);
		var s = this.slider;
		if (e.srcElement == s.handle)
			s.handle.className = "handle hover";
	},

	onmouseout:	function (e) {
		e = Slider.eventHandlers.getEvent(e, this);
		var s = this.slider;
		if (e.srcElement == s.handle && !s._focused)
			s.handle.className = "handle";
	},

	onmousedown:	function (e) {
		e = Slider.eventHandlers.getEvent(e, this);
		var s = this.slider;
		if (s.element.focus)
			s.element.focus();

		Slider._currentInstance = s;
		var doc = s.document;

		if (doc.addEventListener) {
			doc.addEventListener("mousemove", Slider.eventHandlers.onmousemove, true);
			doc.addEventListener("mouseup", Slider.eventHandlers.onmouseup, true);
		}
		else if (doc.attachEvent) {
			doc.attachEvent("onmousemove", Slider.eventHandlers.onmousemove);
			doc.attachEvent("onmouseup", Slider.eventHandlers.onmouseup);
			doc.attachEvent("onlosecapture", Slider.eventHandlers.onmouseup);
			s.element.setCapture();
		}

		if (Slider.eventHandlers.getHandle(e)) {	// start drag
			Slider._sliderDragData = {
				screenX:	e.screenX,
				screenY:	e.screenY,
				dx:			e.screenX - s.handle.offsetLeft,
				dy:			e.screenY - s.handle.offsetTop,
				startValue:	s.getValue(),
				slider:		s
			};
		}
		else {
			var lineEl = Slider.eventHandlers.getLine(e);
			s._mouseX = e.offsetX + (lineEl ? s.line.offsetLeft : 0);
			s._mouseY = e.offsetY + (lineEl ? s.line.offsetTop : 0);
			s._increasing = null;
			s.ontimer();
		}
	},

	onmousemove:	function (e) {
		e = Slider.eventHandlers.getEvent(e, this);

		if (Slider._sliderDragData) {	// drag
			var s = Slider._sliderDragData.slider;

			var boundSize = s.getMaximum() - s.getMinimum();
			var size, pos, reset;

			if (s._orientation == "horizontal") {
				size = s.element.offsetWidth - s.handle.offsetWidth;
				pos = e.screenX - Slider._sliderDragData.dx;
				reset = Math.abs(e.screenY - Slider._sliderDragData.screenY) > 100;
			}
			else {
				size = s.element.offsetHeight - s.handle.offsetHeight;
				pos = s.element.offsetHeight - s.handle.offsetHeight -
					(e.screenY - Slider._sliderDragData.dy);
				reset = Math.abs(e.screenX - Slider._sliderDragData.screenX) > 100;
			}
			s.setValue(reset ? Slider._sliderDragData.startValue :
						s.getMinimum() + boundSize * pos / size);
			return false;
		}
		else {
			var s = Slider._currentInstance;
			if (s != null) {
				var lineEl = Slider.eventHandlers.getLine(e);
				s._mouseX = e.offsetX + (lineEl ? s.line.offsetLeft : 0);
				s._mouseY = e.offsetY + (lineEl ? s.line.offsetTop : 0);
			}
		}

	},

	onmouseup:	function (e) {
		e = Slider.eventHandlers.getEvent(e, this);
		var s = Slider._currentInstance;
		var doc = s.document;
		if (doc.removeEventListener) {
			doc.removeEventListener("mousemove", Slider.eventHandlers.onmousemove, true);
			doc.removeEventListener("mouseup", Slider.eventHandlers.onmouseup, true);
		}
		else if (doc.detachEvent) {
			doc.detachEvent("onmousemove", Slider.eventHandlers.onmousemove);
			doc.detachEvent("onmouseup", Slider.eventHandlers.onmouseup);
			doc.detachEvent("onlosecapture", Slider.eventHandlers.onmouseup);
			s.element.releaseCapture();
		}

		if (Slider._sliderDragData) {	// end drag
			Slider._sliderDragData = null;
		}
		else {
			s._timer.stop();
			s._increasing = null;
		}
		Slider._currentInstance = null;
	},

	onkeydown:	function (e) {
		e = Slider.eventHandlers.getEvent(e, this);
		//var s = Slider.eventHandlers.getSlider(e);
		var s = this.slider;
		var kc = e.keyCode;
		switch (kc) {
			case 33:	// page up
				s.setValue(s.getValue() + s.getBlockIncrement());
				break;
			case 34:	// page down
				s.setValue(s.getValue() - s.getBlockIncrement());
				break;
			case 35:	// end
				s.setValue(s.getOrientation() == "horizontal" ?
					s.getMaximum() :
					s.getMinimum());
				break;
			case 36:	// home
				s.setValue(s.getOrientation() == "horizontal" ?
					s.getMinimum() :
					s.getMaximum());
				break;
			case 38:	// up
			case 39:	// right
				s.setValue(s.getValue() + s.getUnitIncrement());
				break;

			case 37:	// left
			case 40:	// down
				s.setValue(s.getValue() - s.getUnitIncrement());
				break;
		}

		if (kc >= 33 && kc <= 40) {
			return false;
		}
	},

	onkeypress:	function (e) {
		e = Slider.eventHandlers.getEvent(e, this);
		var kc = e.keyCode;
		if (kc >= 33 && kc <= 40) {
			return false;
		}
	},

	onmousewheel:	function (e) {
		e = Slider.eventHandlers.getEvent(e, this);
		var s = this.slider;
		if (s._focused) {
			s.setValue(s.getValue() + e.wheelDelta / 120 * s.getUnitIncrement());
			// windows inverts this on horizontal sliders. That does not
			// make sense to me
			return false;
		}
	}
};



Slider.prototype.classNameTag = "dynamic-slider-control",

Slider.prototype.setValue = function (v) {
	this._range.setValue(v);
	this.input.value = this.getValue();
};

Slider.prototype.getValue = function () {
	return this._range.getValue();
};

Slider.prototype.setMinimum = function (v) {
	this._range.setMinimum(v);
	this.input.value = this.getValue();
};

Slider.prototype.getMinimum = function () {
	return this._range.getMinimum();
};

Slider.prototype.setMaximum = function (v) {
	this._range.setMaximum(v);
	this.input.value = this.getValue();
};

Slider.prototype.getMaximum = function () {
	return this._range.getMaximum();
};

Slider.prototype.setUnitIncrement = function (v) {
	this._unitIncrement = v;
};

Slider.prototype.getUnitIncrement = function () {
	return this._unitIncrement;
};

Slider.prototype.setBlockIncrement = function (v) {
	this._blockIncrement = v;
};

Slider.prototype.getBlockIncrement = function () {
	return this._blockIncrement;
};

Slider.prototype.getOrientation = function () {
	return this._orientation;
};

Slider.prototype.setOrientation = function (sOrientation) {
	if (sOrientation != this._orientation) {
		if (Slider.isSupported && this.element) {
			// add class name tag to class name
			this.element.className = this.element.className.replace(this._orientation,
									sOrientation);
		}
		this._orientation = sOrientation;
		this.recalculate();

	}
};

Slider.prototype.recalculate = function() {
	if (!Slider.isSupported || !this.element) return;

	var w = this.element.offsetWidth;
	var h = this.element.offsetHeight;
	var hw = this.handle.offsetWidth;
	var hh = this.handle.offsetHeight;
	var lw = this.line.offsetWidth;
	var lh = this.line.offsetHeight;

	// this assumes a border-box layout

	if (this._orientation == "horizontal") {
		this.handle.style.left = (w - hw) * (this.getValue() - this.getMinimum()) /
			(this.getMaximum() - this.getMinimum()) + "px";
		this.handle.style.top = (h - hh) / 2 + "px";

		this.line.style.top = (h - lh) / 2 + "px";
		this.line.style.left = hw / 2 + "px";
		//this.line.style.right = hw / 2 + "px";
		this.line.style.width = Math.max(0, w - hw - 2)+ "px";
		this.line.firstChild.style.width = Math.max(0, w - hw - 4)+ "px";
	}
	else {
		this.handle.style.left = (w - hw) / 2 + "px";
		this.handle.style.top = h - hh - (h - hh) * (this.getValue() - this.getMinimum()) /
			(this.getMaximum() - this.getMinimum()) + "px";

		this.line.style.left = (w - lw) / 2 + "px";
		this.line.style.top = hh / 2 + "px";
		this.line.style.height = Math.max(0, h - hh - 2) + "px";	//hard coded border width
		//this.line.style.bottom = hh / 2 + "px";
		this.line.firstChild.style.height = Math.max(0, h - hh - 4) + "px";	//hard coded border width
	}
};

Slider.prototype.ontimer = function () {
	var hw = this.handle.offsetWidth;
	var hh = this.handle.offsetHeight;
	var hl = this.handle.offsetLeft;
	var ht = this.handle.offsetTop;

	if (this._orientation == "horizontal") {
		if (this._mouseX > hl + hw &&
			(this._increasing == null || this._increasing)) {
			this.setValue(this.getValue() + this.getBlockIncrement());
			this._increasing = true;
		}
		else if (this._mouseX < hl &&
			(this._increasing == null || !this._increasing)) {
			this.setValue(this.getValue() - this.getBlockIncrement());
			this._increasing = false;
		}
	}
	else {
		if (this._mouseY > ht + hh &&
			(this._increasing == null || !this._increasing)) {
			this.setValue(this.getValue() - this.getBlockIncrement());
			this._increasing = false;
		}
		else if (this._mouseY < ht &&
			(this._increasing == null || this._increasing)) {
			this.setValue(this.getValue() + this.getBlockIncrement());
			this._increasing = true;
		}
	}

	this._timer.start();
};
/*----------------------------------------------------------------------------\
|                                 Timer Class                                 |
|-----------------------------------------------------------------------------|
|                         Created by Erik Arvidsson                           |
|                  (http://webfx.eae.net/contact.html#erik)                   |
|                      For WebFX (http://webfx.eae.net/)                      |
|-----------------------------------------------------------------------------|
| Object Oriented Encapsulation  of setTimeout  fires ontimer when the  timer |
| is triggered. Does not work in IE 5.00                                      |
|-----------------------------------------------------------------------------|
|                   Copyright (c) 2002, 2006 Erik Arvidsson                   |
|-----------------------------------------------------------------------------|
| Licensed under the Apache License, Version 2.0 (the "License"); you may not |
| use this file except in compliance with the License.  You may obtain a copy |
| of the License at http://www.apache.org/licenses/LICENSE-2.0                |
| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
| Unless  required  by  applicable law or  agreed  to  in  writing,  software |
| distributed under the License is distributed on an  "AS IS" BASIS,  WITHOUT |
| WARRANTIES OR  CONDITIONS OF ANY KIND,  either express or implied.  See the |
| License  for the  specific language  governing permissions  and limitations |
| under the License.                                                          |
|-----------------------------------------------------------------------------|
| 2002-10-14 | Original version released                                      |
| 2006-05-28 | Changed license to Apache Software License 2.0.                |
|-----------------------------------------------------------------------------|
| Created 2002-10-14 | All changes are in the log above. | Updated 2006-05-28 |
\----------------------------------------------------------------------------*/

function Timer(nPauseTime) {
	this._pauseTime = typeof nPauseTime == "undefined" ? 1000 : nPauseTime;
	this._timer = null;
	this._isStarted = false;
}

Timer.prototype.start = function () {
	if (this.isStarted())
		this.stop();
	var oThis = this;
	this._timer = window.setTimeout(function () {
		if (typeof oThis.ontimer == "function")
			oThis.ontimer();
	}, this._pauseTime);
	this._isStarted = false;
};

Timer.prototype.stop = function () {
	if (this._timer != null)
		window.clearTimeout(this._timer);
	this._isStarted = false;
};

Timer.prototype.isStarted = function () {
	return this._isStarted;
};

Timer.prototype.getPauseTime = function () {
	return this._pauseTime;
};

Timer.prototype.setPauseTime = function (nPauseTime) {
	this._pauseTime = nPauseTime;
}; 
 

/*  Bestellung Mustervorschau Datenübergabe
    Stringverkettung 
           - Trennzeichen zwischen einzelnen Eigenschaften sowie Anfang und Ende: #
           - Trennzeichen zwischen Zeilen: $$
           
           - Ausrichtung (Align):          A:[Wert]    --> Werte: L -> left | C -> center | R -> right
           - Farbe (Color)                 Ca:RRGGBBCe:    --> Wert: Zahl, Hexadezimal  
           - Fett (Bold)                   B:           --> Prüfung auf Vorhandensein  
           - Unterstrichen (Underlined)    U:           --> Prüfung auf Vorhandensein 
           - Kursiv (Italic)               I:           --> Prüfung auf Vorhandensein
           - Schriftart (Font)             F:[Wert]    --> Wert: [Bezeichnung]  
           - Schriftgröße (Size)           S:[Wert]    --> Wert: Zahl  
*/



    function Uebergeben(){
    if(document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked == true){
      document.getElementById("ctl00_ContentPlaceHolder_Page_Rtbox1").value= "";
    }
        document.getElementById("ctl00_ContentPlaceHolder_Page_Seite").value = strSeite;
        var alles = ""  ;
        var TempValue = "";
        PruefungDruckseite();
        for(var i=1; i<=10; i++){
        var Align = document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.textAlign
            switch (Align){
                case "":
                    alles = alles + "$$" + "#" + "A:F";
                    break;            
                case "left":
                    alles = alles + "$$" + "#" + "A:L";
                    break;
                case "center":
                    alles = alles + "$$" + "#" + "A:C";
                    break;
                case "right":
                    alles = alles + "$$" + "#" + "A:R";
                    break;
            }                               
            alles = alles + "#" + "Ca:" + document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.color + "Ce:" + "#";
            
            if(document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.fontWeight =="bold" || document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.fontWeight =="700"){
                alles = alles + "B:" + "#";}    
            
            
            if(document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.textDecoration =="underline"){
                alles = alles + "U:" + "#";}
 
            if(document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.fontStyle =="italic"){
                alles = alles + "I:" + "#";}
 
            //alles = alles + "F:" + document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.fontFamily + "#" + "S:" + document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.fontSize + "#";   //alt
            
            alles = alles + "F:" + document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.fontFamily + "#"; //neu...
            
            TempValue = document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.fontSize;
            if (XmoveValue == 0) {                              
                PTvalue();
            }
            
            TempValue = parseFloat(TempValue) * XmoveValue;
            TempValue = String(TempValue).replace(".",",");
            alles = alles + "S:" + String(TempValue) + "#";         //..neu              
                                
                
                
            TempValue = document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.top;
            TempValue = TempValue.replace("pt","");
            
            
            if (XmoveValue == 0) {                              //{
                PTvalue();
            }
            TempValue = parseFloat(TempValue) * XmoveValue;     //Aenderung } 
            
            TempValue = String(TempValue).replace(".",",");     //Aenderung ( String() )
            alles = alles + "Top:" + TempValue + "#";
    
            TempValue = document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.left;
            TempValue = TempValue.replace("pt","");
            
            if (XmoveValue == 0) {                              //{
                PTvalue();
            }
            TempValue = parseFloat(TempValue) * XmoveValue;     //Aenderung }    
                        
            TempValue = String(TempValue).replace(".",",");   //Aenderung ( String() )
            alles = alles + "Left:" + TempValue + "#"; 
            
            
            TempValue = document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).offsetWidth;
            //TempValue = xGetElementById("VZeile2").offsetWidth;
            alles = alles + "Width:" + TempValue + "#";

        } // end for

        alles = alles + "%%";
        Align = document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.textAlign
        switch (Align){
            case "":
                alles = alles + "$$" + "#" + "A:L";
                break;       
            case "left":
                alles = alles + "$$" + "#" + "A:L";
                break;
            case "center":
                alles = alles + "$$" + "#" + "A:C";
                break;
            case "right":
                alles = alles + "$$" + "#" + "A:R";
                break;
        }
        alles = alles + "#" + "Ca:" + document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.color + "Ce:" + "#"; 
  
        if(document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.fontWeight =="bold" || document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.fontWeight =="700"){
        alles = alles + "B:" + "#";}
       
        if(document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.textDecoration =="underline"){
        alles = alles + "U:" + "#";}
 
        if(document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.fontStyle =="italic"){
        alles = alles + "I:" + "#";}

        //alles = alles + "F:" + document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.fontFamily + "#" + "S:" + document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.fontSize + "#";
   
   
            alles = alles + "F:" + document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.fontFamily + "#"; //neu...
            TempValue = document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.fontSize;
            
            if (XmoveValue == 0) {                              
                PTvalue();
            }
            
            TempValue = parseFloat(TempValue) * XmoveValue;
            TempValue = String(TempValue).replace(".",",");
            alles = alles + "S:" + String(TempValue) + "#";         //..neu   


        TempValue = document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.top;
        TempValue = TempValue.replace("pt","");
        
        if (XmoveValue == 0) {                              //{
                PTvalue();
            }
            
        TempValue = parseFloat(TempValue) * XmoveValue;     //Aenderung } 
            
        TempValue = String(TempValue).replace(".",",");     //Aenderung ( String() )
                
        alles = alles + "Top:" + TempValue + "#";
    
        TempValue = document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.left;
        TempValue = TempValue.replace("pt","");
        
        
        if (XmoveValue == 0) {                              //{
                PTvalue();
            }
            
        TempValue = parseFloat(TempValue) * XmoveValue;     //Aenderung } 
            
        TempValue = String(TempValue).replace(".",",");     //Aenderung ( String() )
        
        alles = alles + "Left:" + TempValue + "#";
        
        TempValue = document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").offsetWidth;
        alles = alles + "Width:" + TempValue + "#";
            
 
        if(document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundImage == "none"){
            alles = alles + "$$" +  document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundColor;
        }else{
            alles = alles + "$$" +  document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundImage;}

        if(document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage == "none"){
            alles = alles + "$$" +  document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundColor;    
        }else{
            alles = alles + "$$" +  document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage;}   
        document.getElementById("ctl00_ContentPlaceHolder_Page_VKarte").value = alles;   
        TextSpeichern();
        document.getElementById("ctl00_ContentPlaceHolder_Page_XmoveValue").value = XmoveValue;
    }
    
    
    
    function TextSpeichern(){
    var text = "";
        for(var i = 1; i <= 10; i++){
            text = text + "$#%NP%#$" + document.getElementById("ctl00_ContentPlaceHolder_Page_Vtbox" + i).value;    
            }
    text = text + "$#%NP%#$" + document.getElementById("ctl00_ContentPlaceHolder_Page_Rtbox1").value;
    
    document.getElementById("ctl00_ContentPlaceHolder_Page_Kartentext").value = text;        

    }
    
    function TextSpeicherEinlesen(){
    var TZeilen = document.getElementById("ctl00_ContentPlaceHolder_Page_Kartentext").value;
    var Text = TZeilen.split("$#%NP%#$");
        for(var i = 1; i <=10; i++){ 
            document.getElementById("ctl00_ContentPlaceHolder_Page_Vtbox" + i).value = Text[i];
            document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).firstChild.nodeValue = document.getElementById("ctl00_ContentPlaceHolder_Page_Vtbox" + i).value;
        }
   document.getElementById("ctl00_ContentPlaceHolder_Page_Rtbox1").value = Text[11];
   }

    
    function HiddenfeldEinlesen(){
    var attribute = ""; 
    var Karte = document.getElementById("ctl00_ContentPlaceHolder_Page_VKarte").value;
    var TextZeilen = document.getElementById("ctl00_ContentPlaceHolder_Page_Kartentext").value
    var KText = TextZeilen.split("$#%NP%#$");
    var Seite = Karte.split("%%");
    var Zeilen = Seite[0].split("$$");
    var FeldNamen = "ctl00_ContentPlaceHolder_Page_VZeile";
    var Eingaben = "ctl00_ContentPlaceHolder_Page_Vtbox";
    var x = 10
    for(var s = 1; s <= 2; s++){
    
        for(var i = 1; i <= x; i++){
                        //Kursiv (Italic)               I           --> Prüfung auf Vorhandensein
                if ( Zeilen[i].search(/#I:/) != -1 ) {   
                   document.getElementById(FeldNamen + (i)).style.fontStyle = "Italic";    
                }
                
                //Fett (Bold)                   B           --> Prüfung auf Vorhandensein
                if ( Zeilen[i].search(/#B:/) != -1 ) {   
                   document.getElementById(FeldNamen + (i)).style.fontWeight = "bold";    
                } else {
                   document.getElementById(FeldNamen + (i)).style.fontWeight = "normal";    
                }    
                
                //Unterstrichen (Underlined)    U           --> Prüfung auf Vorhandensein
                if ( Zeilen[i].search(/#U:/) != -1 ) {   
                   document.getElementById(FeldNamen + (i)).style.textDecoration = "underline";
                }    
                 //Ausrichtung (Align):          A:[Wert]    --> Werte: L -> left | C -> center | R -> right
                if ( Zeilen[i].search(/#A:/) != -1 ) {  
                   attribute = Zeilen[i].slice( Zeilen[i].search(/#A:/) +3 , Zeilen[i].search(/#A:/) +4); 
                   switch (attribute) {
                     case "L":          //Left
                         document.getElementById(FeldNamen + (i)).style.textAlign = "left";
                         break;
                     case "C":          //Center
                         document.getElementById(FeldNamen + (i)).style.textAlign = "center";
                         break;
                     case "R":          //Right
                         document.getElementById(FeldNamen + (i)).style.textAlign = "right";
                         break;
                     case "F":          //Right
                         document.getElementById(FeldNamen + (i)).style.textAlign = "";
                         break;    
                   }
                }
                
                //Farbe (Color)                 C:RRGGBB    --> Wert: Zahl, Hexadezimal 
                if (Zeilen[i].search(/rgb/) != -1 ) {
                  
                   attribute = Zeilen[i].slice( Zeilen[i].indexOf("Ca:"), Zeilen[i].indexOf("Ce:"));                   
                   attribute = attribute.replace("Ca:","");          
                   document.getElementById(FeldNamen + (i)).style.color = attribute;    
                   }else{
                   attribute = Zeilen[i].slice( Zeilen[i].search(/#Ca./) +4 , Zeilen[i].search(/#Ca:/) +11);                   
                   document.getElementById(FeldNamen + (i)).style.color = attribute;    
                   }
                
                //Schriftart (Font)             F:[Wert]    --> Wert: [Bezeichnung]
                if ( Zeilen[i].search(/#F:/) != -1 ) {
                   attribute = Zeilen[i].slice( Zeilen[i].search(/#F:/) +3 , Zeilen[i].indexOf("#", Zeilen[i].search(/#F:/) +1 ));    
                   
                   document.getElementById(FeldNamen + (i)).style.fontFamily = attribute;    
                }
                
                //Schriftgröße (Size)           S:[Wert]    --> Wert: Zahl
                if ( Zeilen[i].search(/#S:/) != -1 ) {
                   attribute = Zeilen[i].slice( Zeilen[i].search(/#S:/) +3 , Zeilen[i].indexOf("#", Zeilen[i].search(/#S:/) +1 ));    
                   attribute = attribute.replace(",","."); //aenderung {
                   XmoveValue = document.getElementById("ctl00_ContentPlaceHolder_Page_XmoveValue").value;  
                   
                   attribute = parseFloat(attribute) / XmoveValue;     //Aenderung }
                   attribute = Math.round(attribute); 
                                              
                   document.getElementById(FeldNamen + (i)).style.fontSize = attribute + "pt";   //+ "pt" geandert

                } 
   
                //Left-Wert   Left:[Wert]   --> Wert: Zahl
                if ( Zeilen[i].search(/#Left:/) != -1 ) {
                  attribute = Zeilen[i].slice( Zeilen[i].search(/#Left:/) +6 , Zeilen[i].indexOf("#", Zeilen[i].search(/#Left:/) +1 ));    
                  attribute = attribute.replace(",",".");
                  
                  XmoveValue = document.getElementById("ctl00_ContentPlaceHolder_Page_XmoveValue").value;  //Aenderung
                                                     
                  attribute = parseFloat(attribute) / XmoveValue;     //Aenderung } 
                  
                  document.getElementById(FeldNamen + (i)).style.left = attribute + "pt"; 
                }
                
                
                //Top-Wert   Top:[Wert]   --> Wert: Zahl
                if ( Zeilen[i].search(/#Top:/) != -1 ) {
                  attribute = Zeilen[i].slice( Zeilen[i].search(/#Top:/) +5 , Zeilen[i].indexOf("#", Zeilen[i].search(/#Top:/) +1 ));    
                  attribute = attribute.replace(",",".");
                  
                  XmoveValue = document.getElementById("ctl00_ContentPlaceHolder_Page_XmoveValue").value;  //Aenderung
                                                     
                  attribute = parseFloat(attribute) / XmoveValue;     //Aenderung } 
                  
                  document.getElementById(FeldNamen + (i)).style.top = attribute + "pt";                
                }
                document.getElementById(Eingaben + (i)).value = KText[i];
                document.getElementById(FeldNamen + (i)).firstChild.nodeValue = document.getElementById(Eingaben + (i)).value;
                
         }// i , x Schleife
      FeldNamen = "ctl00_ContentPlaceHolder_Page_RZeile";
      Eingaben = "ctl00_ContentPlaceHolder_Page_Rtbox"
      
      var Zeilen = Seite[1].split("$$");
      x = 1
      }// s Schleife
      
      document.getElementById(Eingaben + (1)).value = KText[11];
      document.getElementById(FeldNamen + (1)).firstChild.nodeValue = document.getElementById(Eingaben + (1)).value;



      if (Zeilen[2].search(/rgb/) != -1 || Zeilen[2].search(/#/) != -1 ){
        document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundColor = Zeilen[2];
      }else{          
        document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").style.backgroundImage = Zeilen[2];
      } 
       
      if (Zeilen[3].search(/rgb/) != -1 || Zeilen[3].search(/#/) != -1 ){
      document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundColor = Zeilen[3];
      }else{
      document.getElementById("ctl00_ContentPlaceHolder_Page_divRueckseite").style.backgroundImage = Zeilen[3];
      } 
   
      if(document.getElementById("ctl00_ContentPlaceHolder_Page_rbMitLogo").checked == true){
        document.getElementById("ctl00_ContentPlaceHolder_Page_Rtbox1").value= "";
        document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").firstChild.nodeValue = "";
        }
   }



//Funktion zum Laden des Standard-Textes fuer Bonuskarten + Taschenkalender (andere siehe function textEinlesen() )
function StandardtextLaden(Kartenart, Bildsource) {
var Eintraege = "";
   
  switch (Kartenart){
   case "Bonus":  //Auwahl der Bonuskarten-Kategorien 
     Eintraege = xGetElementById("ctl00_ContentPlaceHolder_Page_HFBonusTexte").value.split("%");
     break; 
   case "Kalender":  //Auwahl der Taschenkalender-Kategorien 
     var VorlagenBezeichner = Bildsource.slice(Bildsource.lastIndexOf("/") + 1, Bildsource.lastIndexOf(".")).slice(0,8);
     if (VorlagenBezeichner != "Taschen4") {
       Eintraege = xGetElementById("ctl00_ContentPlaceHolder_Page_HFKalenderTexte").value.split("%");
     } else {
       Eintraege = xGetElementById("ctl00_ContentPlaceHolder_Page_HFKalenderTexteSpezial").value.split("%");
     }  
     break;   
  }           

  for(var z = 0; z <= 9; z++){
    document.getElementById("ctl00_ContentPlaceHolder_Page_Vtbox" + (z+1)).value = Eintraege[z];
  }
  for(var i = 1; i <=10; i++){ 
    document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.visibility = "visible";   
    document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).firstChild.nodeValue = document.getElementById("ctl00_ContentPlaceHolder_Page_Vtbox" + i).value;
  }
}



          //VorlagenSystem
          
          /*
          
          Gespeichert werden lediglich Abweichungen zum Original:
          Stringverkettung nach folgendem Prinzip:
           - Trennzeichen zwischen einzelnen Eigenschaften sowie Anfang und Ende: #
           - Trennzeichen zwischen Zeilen: $$
           
           - Ausrichtung (Align):          A:[Wert]    --> Werte: L -> Left | C -> Center | R -> Right
           - Farbe (Color)                 C:RRGGBBCe:  --> Wert: Zahl, Hexadezimal  
           - Fett (Bold)                   B:           --> Prüfung auf Vorhandensein  
           - Unterstrichen (Underlined)    U:           --> Prüfung auf Vorhandensein 
           - Kursiv (Italic)               I:           --> Prüfung auf Vorhandensein
           - Schriftart (Font)             F:[Wert]    --> Wert: [Bezeichnung]  
           - Schriftgröße (Size)           S:[Wert]    --> Wert: Zahl  
           - Leerzeile ausgeblendet        %HL%
           
          
          
           Left:[Wert]
           Top:[Wert]
           
           Beispiel:     #A:R#C:FFAACC#I#F:Arial#S:50#
          */ 
          
          
          //Bereich Hintergrundbilder:
          //Var.-Name: Kategorie = X, Vorlage = Y  --> KatXVorlY
          
//        var Kat1Vorl3 = "#A:R#C:FFFFFF#S:20#$$#F:Times New Roman#S:16#A:C#$$#%HL%#S:15#"; 
            
          
         
            
        
        //Array zum Speichern der Layout-Vorlagen
        var VorlagenSpeicher = new Array();
            
        function VorlagenSpeichern() {
          //Alle Werte jeder VK speichern
          var VKkomplett = document.getElementById("ctl00_ContentPlaceHolder_Page_VorlagenDateien").value.split("%##%");   
          
          for (var i = 0; i < VKkomplett.length; ++i) {
            VorlagenSpeicher[i] = new Array(); 
            //Einzelnen Abschnitte (ID und Formatierungsstring) speichern
            var VKeinzeln = VKkomplett[i].split("%$$%");
            VorlagenSpeicher[i][0] = VKeinzeln[0];      //ID
            VorlagenSpeicher[i][1] = VKeinzeln[1];      //Formatierungsstring
          }
        }  
          
            
      
        function VorlageLaden(FeldNamen, ImageSrc) {
//            var l = 0
//            for(var z = 1; z<=10; z++){ 
//                if(document.getElementById("ctl00_ContentPlaceHolder_Page_Vtbox" + z).value != ""){
//                l++};
//            }
//           if(l == "0"){ 
//           textEinlesen();}
          
          //In Abhaengigkeit der gewaehlten Kartenart (ActiveMenue) auswaehlen welche Texte geladen werden
          switch (ActiveMenu){
            case "B":  //Auwahl der Bonuskarten-Kategorien 
             StandardtextLaden("Bonus",ImageSrc);
             break; 
            case "K":  //Auwahl der Taschenkalender-Kategorien 
             StandardtextLaden("Kalender",ImageSrc);
             break;   
            default:  //Visitenkarten usw.
             textEinlesen();
             break;
          }           
           
           

           var Eingaben = "ctl00_ContentPlaceHolder_Page_Vtbox";
           var VorlagenID;
           var attribute = "";
           //FeldNamen: Unterscheidung zwischen Vorder- und Rueckseite über ID der Elemente
           //Beispiel: (ctl00_placeholder_)VZeile für Vorderseite
            
           //Beispiel was Uebergeben wird            
           //var ImageSrc = "url(\"http://localhost:1256/website1/pics/Textlayout1.GIF\")"; 
           
           //Image-URL parsen, Pfad/] Dateiname [.Endung  !!!Bild darf nicht im selben Verzeichnis liegen!!!
           //Dateiname in VorlagenID speichern
           VorlagenID = ImageSrc.slice(ImageSrc.lastIndexOf("/") + 1, ImageSrc.lastIndexOf("."));

           //Wenn es keine zugehörige Definitionsdatei gibt wird abgebrochen

//           if (!window[VorlagenID]) {
//                return;
//           }
            
           for (var i = 0; i < VorlagenSpeicher.length; ++i) {  
              if (VorlagenSpeicher[i][0] == VorlagenID) {         //Prüfen ob ein Formatierungseintrag zur ID vorhanden ist
                var Zeilen = VorlagenSpeicher[i][1].split("$$");  //Formatierung zeilenweise strippen 
              }
           } 
           
           if (!Zeilen) {       //Wenn keine Formatierung vorhanden ist Funktion verlassen
              return;
           }
           

           for (var i = 0; i <= 9; i++) {    
                if (!Zeilen[i]) {
                break;
                }
                //Kursiv (Italic)               I           --> Prüfung auf Vorhandensein
                if ( Zeilen[i].search(/#I:/) != -1 ) {   
                   document.getElementById(FeldNamen + (i+1)).style.fontStyle = "Italic";    
                }
                
                //Fett (Bold)                   B           --> Prüfung auf Vorhandensein
                if ( Zeilen[i].search(/#B:/) != -1 ) {   
                   document.getElementById(FeldNamen + (i+1)).style.fontWeight = "bold";    
                }
                
                //Unterstrichen (Underlined)    U           --> Prüfung auf Vorhandensein
                if ( Zeilen[i].search(/#U:/) != -1 ) {   
                   document.getElementById(FeldNamen + (i+1)).style.textDecoration = "underline";    
                }
                //Leerzeile(%HL%)
                if ( Zeilen[i].search(/#%HL%/) != -1){
                   document.getElementById(FeldNamen + (i+1)).style.visibility = "hidden";
                   document.getElementById(FeldNamen + (i+1)).firstChild.nodeValue = "%#HL#%";
                   if( strSeite == "V"){
                   document.getElementById("ctl00_ContentPlaceHolder_Page_Vtbox" + (i+1)).value = ""
                   } else {
                   document.getElementById("ctl00_ContentPlaceHolder_Page_Rtbox1").value = ""
                   }
                }
             
                //Ausrichtung (Align):          A:[Wert]    --> Werte: L -> Left | C -> Center | R -> Right
                if ( Zeilen[i].search(/#A:/) != -1 ) {  
                   attribute = Zeilen[i].slice( Zeilen[i].search(/#A:/) +3 , Zeilen[i].search(/#A:/) +4); 
                   switch (attribute) {
                     case "L":          //Left
                         document.getElementById(FeldNamen + (i+1)).style.textAlign = "left";
                         document.getElementById(FeldNamen + (i+1)).style.left = "15pt";
                         break;
                     case "C":          //Center
                         document.getElementById(FeldNamen + (i+1)).style.textAlign = "center";
                         if (XmoveValue == 0) {
                           PTvalue();
                         }
                         document.getElementById(FeldNamen + (i+1)).style.left = (((document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").offsetWidth / XmoveValue) - (document.getElementById(FeldNamen + (i+1)).offsetWidth / XmoveValue)) / 2) + "pt";            
                         break;
                     case "R":          //Right
                         document.getElementById(FeldNamen + (i+1)).style.textAlign = "right";
                         if (XmoveValue == 0) {
                           PTvalue();
                         }
                         document.getElementById(FeldNamen + (i+1)).style.left = (((document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").offsetWidth / XmoveValue) - (document.getElementById(FeldNamen + (i+1)).offsetWidth / XmoveValue)) - 15) + "pt";
                         break;
                   }
                }
                
                //Farbe (Color)                 C:RRGGBB    --> Wert: Zahl, Hexadezimal 
                if ( Zeilen[i].search(/#C:/) != -1 ) {
                   attribute = Zeilen[i].slice( Zeilen[i].search(/#C:/) +3 , Zeilen[i].search(/#C:/) +9);    
                   document.getElementById(FeldNamen + (i+1)).style.color = "#" + attribute;    
                }
                
                //Schriftart (Font)             F:[Wert]    --> Wert: [Bezeichnung]
                if ( Zeilen[i].search(/#F:/) != -1 ) {
                   attribute = Zeilen[i].slice( Zeilen[i].search(/#F:/) +3 , Zeilen[i].indexOf("#", Zeilen[i].search(/#F:/) +1 ));    
                   document.getElementById(FeldNamen + (i+1)).style.fontFamily = attribute;    
                }
                
                //Schriftgröße (Size)           S:[Wert]    --> Wert: Zahl
                if ( Zeilen[i].search(/#S:/) != -1 ) {
                   attribute = Zeilen[i].slice( Zeilen[i].search(/#S:/) +3 , Zeilen[i].indexOf("#", Zeilen[i].search(/#S:/) +1 ));    
                   document.getElementById(FeldNamen + (i+1)).style.fontSize = attribute + "pt";    
                }  
                //Left-Wert   Left:[Wert]   --> Wert: Zahl
                if ( Zeilen[i].search(/#Left:/) != -1 ) {
                  attribute = Zeilen[i].slice( Zeilen[i].search(/#Left:/) +6 , Zeilen[i].indexOf("#", Zeilen[i].search(/#Left:/) +1 ));    
                  attribute = attribute.replace(",",".");
                  document.getElementById(FeldNamen + (i+1)).style.left = attribute + "pt"; 
                  
                }
                
                
                //Top-Wert   Top:[Wert]   --> Wert: Zahl
                if ( Zeilen[i].search(/#Top:/) != -1 ) {
                  attribute = Zeilen[i].slice( Zeilen[i].search(/#Top:/) +5 , Zeilen[i].indexOf("#", Zeilen[i].search(/#Top:/) +1 ));    
                  attribute = attribute.replace(",",".");
                  document.getElementById(FeldNamen + (i+1)).style.top = attribute + "pt";                
                }
                
           } //end for

        Format("ctl00_ContentPlaceHolder_Page_VZeile1");
        }   //end function
    
//        function KalenderZeigen(){

//    document.getElementById('Kalender').style.visibility = 'visible';} 

    // Kalender-Div auf visible setzen
function KalZeigen()
{
  //Kalender anhand des Vorschaubildes positionieren
//  vorschautop=xPageY("VorschauDiv");
//  xTop("Kalender",vorschautop+20);
//  vorschauleft=xPageX("VorschauDiv");
//  xLeft("Kalender",vorschauleft-8-xWidth("Kalender"));
//  auflageright=xPageX("ctl00_ContentPlaceHolder_Page_txtAuflage");
//  xLeft("VorschauDiv", auflageright+735);
//  auflageTop=xPageY("ctl00_ContentPlaceHolder_Page_txtAuflage");      
//  xTop("VorschauDiv", auflageTop);
  
 document.getElementById("ctl00_ContentPlaceHolder_Page_Kalender").style.visibility = "visible"; 
  //xHide("Window1");
}
function HideKal()
{
  xHide("Kalender");
}
function CloseKal(){
document.getElementById("ctl00_ContentPlaceHolder_Page_Kalender").style.visibility = "hidden";}


 //    Vorlage zurücksetzen
    function Vorlagezuruecksetzen(imgObj){

        if(strSeite =="V"){
            var Top = new Array("14","34","55","67","80","98","107","116","125","134")
            var Size = new Array("18","10","10","10","10","8","8","8","8","8")
            for(var i=1; i<=10; i++){
                if(i==1){
                    document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile1").style.fontWeight = "bold";               
               }else{
                document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.fontWeight = "normal";
                }
            document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.fontStyle = "normal";
            document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.fontFamily = "Arial";
            document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.top = Top[i-1] + "pt";
            document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.left = "15pt";
            document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.fontSize = Size[i-1] + "pt";
            document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.color = "#000000";
            document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.textAlign = "left";
            document.getElementById("ctl00_ContentPlaceHolder_Page_VZeile" + i).style.textDecoration = "none";
            }  
        }else{
//      Rueckseite
            document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.fontSize = "12pt";
            document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.fontFamily = "Arial";
            document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.fontStyle = "normal";
            document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.fontWeight = "normal";
            document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.color = "#000000";
            document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.textAlign = "left";
            document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.textDecoration = "none";
            document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").firstChild.nodeValue = document.getElementById("ctl00_ContentPlaceHolder_Page_Rtbox1").value;    
            document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.visibility = "visible";
            document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.left = "15pt";
            document.getElementById("ctl00_ContentPlaceHolder_Page_RZeile1").style.top = "65pt";     
        }
    }    


   

// Formatierung


    function Format(Ursprung){
    SteveBennewitz = Ursprung;
    if(document.getElementById(SteveBennewitz) == null || document.getElementById(SteveBennewitz).firstChild.nodeValue =="%#HL#%"){
    document.getElementById("divLabel").firstChild.nodeValue = Leerzeile;}
    else{
    document.getElementById("divLabel").firstChild.nodeValue = document.getElementById(SteveBennewitz).firstChild.nodeValue;
    } 
    document.getElementById("ctl00_ContentPlaceHolder_Page_Schriftarten").value = document.getElementById(SteveBennewitz).style.fontFamily;
     
    var DLAusrichtung = document.getElementById("ctl00_ContentPlaceHolder_Page_ddlAusrichtung");
    if (document.getElementById(SteveBennewitz).style.textAlign != "") {
      DLAusrichtung.value = document.getElementById(SteveBennewitz).style.textAlign;
      if (document.getElementById("ctl00_ContentPlaceHolder_Page_ddlAusrichtung").options[0].text == Frei) {
         document.getElementById("ctl00_ContentPlaceHolder_Page_ddlAusrichtung").options[0] = null;
      }
    } else {
       if (DLAusrichtung.length > 3) {     //"Free"-Eintrag bereits vorhanden
         DLAusrichtung.selectedIndex = 0;
       } else {                            //Muss erst erstellt werden 
         NeuerEintrag = new Option(Frei, "free");
         DLAusrichtung.options[0] = NeuerEintrag;
         
         NeuerEintrag = new Option(Links, "left");
         DLAusrichtung.options[1] = NeuerEintrag;
         
         NeuerEintrag = new Option(Mitte, "center");
         DLAusrichtung.options[2] = NeuerEintrag;
         
         NeuerEintrag = new Option(Rechts, "right");
         DLAusrichtung.options[3] = NeuerEintrag;
         
         DLAusrichtung.selectedIndex = 0;
        }     
    }
    
    var size = document.getElementById(SteveBennewitz).style.fontSize;
    size = size.replace("pt","");
    document.getElementById("ctl00_ContentPlaceHolder_Page_ddlSize").value = size;

    if(document.getElementById(SteveBennewitz).style.fontWeight == "bold"){
    document.getElementById("cboFett").checked = true;}
    else{
    document.getElementById("cboFett").checked = false;}
     if(document.getElementById(SteveBennewitz).style.fontStyle == "italic"){
    document.getElementById("cboKursiv").checked = true;}
    else{
    document.getElementById("cboKursiv").checked = false;}
    if(document.getElementById(SteveBennewitz).style.textDecoration == "underline"){
    document.getElementById("cboLine").checked = true;}
    else{
    document.getElementById("cboLine").checked = false;}
    FeldfarbeAuslesen();
    }
       

 
 
    function AusrichtungAendern(Ursprung, Ziel){
        if (XmoveValue == 0) {
            PTvalue();
        }
        
        if (document.getElementById("ctl00_ContentPlaceHolder_Page_ddlAusrichtung").options[0].text == Frei) {
         document.getElementById("ctl00_ContentPlaceHolder_Page_ddlAusrichtung").options[0] = null;
        }   
                
        switch (Ursprung.value){
          case "left":
            document.getElementById(SteveBennewitz).style.left = "15pt";  
            document.getElementById(SteveBennewitz).style.textAlign = "left";
            break;
          case "center":
            document.getElementById(SteveBennewitz).style.left = (((document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").offsetWidth / XmoveValue) - (document.getElementById(SteveBennewitz).offsetWidth / XmoveValue)) / 2) + "pt";            
            document.getElementById(SteveBennewitz).style.textAlign = "center";
            break;    
          case "right": 
            document.getElementById(SteveBennewitz).style.left = (((document.getElementById("ctl00_ContentPlaceHolder_Page_divVorderseite").offsetWidth / XmoveValue) - (document.getElementById(SteveBennewitz).offsetWidth / XmoveValue)) - 15) + "pt";
            document.getElementById(SteveBennewitz).style.textAlign = "right";
            break;  
        } 
    }
    
    
  
  function BigPopup(anzeigetext, position, pruefen) {   //pruefen = ServicePopups auf Parameter ueberpruefen, 0 = nicht pruefen, 1 = Auflage, 2 = Dauer
    var NewValue = xGetElementById("ctl00_ContentPlaceHolder_Page_ddlAuflageV").value;
    var GrenzValue = parseInt(GrenzwertFreeVisi);
    
    if (pruefen == "1") {
      if (ServiceAuflage <= GrenzValue && NewValue <= GrenzValue || ServiceAuflage > GrenzValue) { 
        return;   
      }
    }
    
    if (pruefen == "2") {
      if (ServiceDauer != "7") {
        return;   
      }
    }
    
       
    xGetElementById("ctl00_ContentPlaceHolder_Page_InstMessage").value = anzeigetext;
    xGetElementById("ctl00_ContentPlaceHolder_Page_MessageElement").value = position;
        
   if (xGetElementById("Sprechblase") != null)
  {
    var msg = xGetElementById("ctl00_ContentPlaceHolder_Page_InstMessage");
    if (msg != null)
    {
      if (msg.value != "")
      {
        xShow("Sprechblase");
        xShow("SprechblaseClose");
        moveSprechblase();
        xInnerHtml('SprechblaseInnen', xGetElementById("ctl00_ContentPlaceHolder_Page_InstMessage").value); // Text in Sprechblase füllen
        xLeft("SprechblaseInnen", xLeft("Sprechblase")+35);
        xTop("SprechblaseInnen", xTop("Sprechblase")+28);
        xShow("SprechblaseInnen");
        xGetElementById("ctl00_ContentPlaceHolder_Page_InstMessage").value = ""
      }
    }
    
    //Wenn Sprechblase sichtbar und IE, dann IFrame drunter.
    if ((xIE4Up || xIE4 || xIE5) && xVisibility("Sprechblase") == "visible" && xGetElementById("ctl00_ContentPlaceHolder_Page_txtAuflage") == null)
    {
      var iframe = xGetElementById("IEIframeSprechblase");      
      iframe.style.width = xWidth("SprechblaseIFrameDock");
      iframe.style.height = xHeight("SprechblaseIFrameDock");
      iframe.style.left = xOffsetLeft("Sprechblase")+xOffsetLeft("SprechblaseIFrameDock");
      iframe.style.top = xOffsetTop("Sprechblase")+xOffsetTop("SprechblaseIFrameDock");
      iframe.display = "block";
      xShow(iframe);
      iframe.style.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=0, FinishOpacity=0)';      
    }
    if ((xIE4Up || xIE4 || xIE5) && xVisibility("Sprechblase") == "visible")
    {
      var iframe = xGetElementById("IEIframeSprechblase");      
      iframe.style.width = xWidth("SprechblaseIFrameDock");
      iframe.style.height = xHeight("SprechblaseIFrameDock");
      iframe.style.left = xOffsetLeft("Sprechblase")+xOffsetLeft("SprechblaseIFrameDock");
      iframe.style.top = xOffsetTop("Sprechblase")+xOffsetTop("SprechblaseIFrameDock");
      iframe.display = "block";
      xShow(iframe);
      iframe.style.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=0, FinishOpacity=0)';      
    }    
    var closebutton = xGetElementById("SprechblaseClose");
    closebutton.style.left=xOffsetLeft("Sprechblase")+285;
    closebutton.style.top=xOffsetTop("Sprechblase")+22;
    xShow("SprechblaseClose");
  }   
  
  
      
 } //end function BigPopup
 
 
 var ServiceAuflage = "";
  
 function AuflageValueSpeichern() {
  ServiceAuflage = xGetElementById("ctl00_ContentPlaceHolder_Page_ddlAuflageV").value;
 }
 
 
 
 var ServiceDauer = "";
  
 function DauerValueSpeichern() {
   ServiceDauer = xGetElementById("ctl00_ContentPlaceHolder_Page_DDLDauer").value;
 }