/************************************************************/
/*** (c) Sönke Schultz, myWebPromotion.com, 2001          ***/
/************************************************************/

var docObj = document;

 function uiui(cod)
 {
   docObj.open();
   docObj.write(
    '<HTML><HEAD><TITLE>Quellcode Ihrer Homepage</TITLE></HEAD>' + 
    '<BODY>' + '<font size=4><p align="center">Quellcode Ihrer Homepage' +
    '</font><BR><font size=2><p align="left">' +
    '&lt;!-- Hier beginnt Ihr Quellcode --&gt;');
   var i = 0;
   var j = 0;
   var n = 0; 
   var br = 0;
   var img = 0;
   var met = 0;
   var k = 0;
//   do
for (i=0;i<cod.length;i++)
   {    
    var d = cod.split("");
    switch (d[i])
    {
     case '<' : d[i]='&lt;'; n++; br=1; img=1; met=1; k=0; break;
     case '>' : d[i]='&gt;'; k=1; break;
     case '/' : n=n-2; break;
     case 'B' : br++; break;
     case 'R' : br++; break;
     case 'i' : img++; break;
     case 'm' : img++; break;
     case 'g' : img++; break;
     case 'M' : met++; break;
     case 'E' : met++; break;
     case 'T' : met++; break;
     case 'A' : met++; break;
     default  : br=0; img=0; met=0;
                 //if (k==1) docObj.write('<BR>'); k=0;
    }
    if ((br==3)||(img==4)||(met==5)) { n=n-1; br=0; img=0; }
    if (d[i]=='&lt;') {docObj.write('<BR>'); for (j=0;j<n;j++) docObj.write('&nbsp;');}
    docObj.write(d[i]);
   }
   docObj.write('<BR>&lt;!-- Hier endet Ihr Quellcode --&gt;</p></font>' + 
    '<BR><font size="5">Weitere Schritte</font><BR>' +
    '<font size="3" face="Arial">' +
    '- markieren und kopieren Sie nun den obigen Quellcode. <font size="2">' + 
      '(mit gedrückter Maus markieren, Kopieren Strg+C)<BR><font size="3">' + 
    '- öffnen Sie dann einen Editor. <font size="2">' +
      '(Windowsbenutzer: Start-->Programme-->Zubehör-->Editor)<font size="3"> ' +
      '<img border="1" src="editor.gif" width="58" height="22"><BR>' + 
    '- fügen Sie nun dort den vorher kopierten Text ein. <font size="2">' +
      '(Strg+V) <BR><font size="3">' +
    '- speichern Sie als nächstes die Datei. <font size="2">' +
      '(Strg+S oder Datei->Speichern) <BR><font size="3">'+
    '- bei "Speichern in:" navigieren Sie in das Verzeichnis, indem Sie die Homepage speichern wollen. <BR>' +
    '&nbsp;&nbsp;Am Besten Sie legen für Ihre Homepage ein Extraverzeichnis an. <font size="2">(siehe Kreis: ' +
    '<img border="1" src="neu_verz.gif" width="97" height="22"> ) <BR><font size="3">' +
    '- stellen Sie dann den Dateityp auf "alle Dateien (*.*)" <BR>' +
    '- achten Sie darauf das der Dateityp NICHT auf Textdatei (*.txt) eingestellt ist. <BR>'+
    '- in dem Eingabefeld "Dateiname:" geben Sie dann z.B: "index.html" ein.<BR>' +
    ' &nbsp;Dieses ist dann die Startdatei Ihrer Homepage.<BR>' +
    '- drücken Sie "Enter" oder klicken Sie auf "OK" und Ihre Homepage ist gespeichert. <BR>' +
    '<BR>' +
    'Wenn Sie ein Bild auf der Homepage haben, muss das Bild im selben Verzeichnis liegen.<BR><B>' +
    'So kopieren Sie eine Bilddatei in das Verzeichnis, wo Sie Ihre Homepagedatei gespeichert haben:<BR>' +
    '</B> - starten Sie den Explorer. <font size="2">' +
    '(Windowsbenutzer: Start-->Programme-->Explorer <img border="1" src="explorer.gif" width="22"' +
    ' height="19"> )<BR><font size="3">'+
    '- auf der linken Seite navigieren Sie dann in das Verzeichnis, indem Sie das Bild gespeichert haben.' +
       '<font size="2"> (z.B: c:\\Eigene Dateien\\bilder\\ )<font size="3"><BR>' +
    '- danach klicken Sie einmal auf die Bild-Datei im rechten Fenster. <font size="2">' +
       ' ( <img border="1" src="bilddatei.gif" width="64" height="25"> )<font size="3"><BR>' +
    '- kopieren Sie nun die Datei. <font size="2">(Strg+C)<font size="3"><BR>' +
    '- navigieren Sie dann zu dem Verzeichnis, wo Sie die Homepage gespeichert haben.' +
       '<font size="2">(z.B: c:\\Eigene Dateien\\Homepage\\ )<font size="3"><BR>' +
    '- dort fügen Sie dann die Kopie ein. <font size="2">(Strg+V)<font size="3"><BR>' +
    '- zum Testen machen Sie einen Doppelklick auf Ihre HTML-Datei. <font size="2">' +
    ' ( <img border="1" src="htmdatei.gif" width="76" height="16"> )<BR>' +
    '<BR><font size="3">' +
    'Nun befindet sich die Homepage auf Ihrer Festplatte. <BR>' +
    'Sie möchten doch bestimmt, dass die Homepage von der ganzen Welt betrachtet werden soll?' +
    'Drücken Sie dann auf "Weiter". <BR></B>' +
    '<font face="Arial"><strong><span style="background-color: #CAE4FF"><a href="hp_veroe.htm">' +
      'Weiter&gt;&gt;</a></span></strong></font><BR>' +
    '<p align="center"><a href="../default.htm"><img border="0" src="../images/Mwp_home.gif" width="236" height="38">'+
    '</a></p><div align="center"><table border="0" cellPadding="2" cellSpacing="0" width="95%"><tbody>' +
    '<tr><td align="middle" bgColor="#b0c0e0"><font face="arial" size="2">© 2001 myWebPromotion.com, ' +
    'Alle Rechte vorbehalten.</font></td></tr></table></div>');
   docObj.write('</BODY></HTML>');
   docObj.close();
 }

//*******************************************************************************
//*******************************************************************************

 function sou(t,f_bg,ue,s_ue,g_ue,p_ue,f_ue,eff,f_sue,b,effb,br_b,ra_b,ra_f,p_b,texu,tex,texd,g_tex,f_t,p_tex,lauf,g_lauf,f_lauf,p_lauf,e1,em,eb,g_em,p_em,link1,link2,g_l,p_l,f_s,c,g_c,f_c,p_c,a_c)   
 {
   var ac1 = '<sup>';
   var ac2 = '</sup>';
   //------Ueberschrift----
   if ((f_sue==0)||(eff==0)) 
    { 
     ue='<p align="' + p_ue + '" style="font-size:' + g_ue + '"><font face="' + s_ue + '" color="' +
         f_ue + '">' + ue + '</font></p><BR>';
    }
   switch (eff) {
    case "1" : ue='<div style="font-family:' + s_ue + '; width:100%; hight:100%; font-size:' + g_ue + 
                  '; text-align:' + p_ue + ';' +
                  'filter:Shadow(color=' + f_sue + ',hight=100%, direction=135)"><font color="' + 
                   f_ue + '">' + ue + '</font></div>'; break;
    case "2" : ue='<div style="font-family:' + s_ue + '; width:100%; hight:100%; font-size:' + g_ue + 
                  '; text-align:' + p_ue + ';' +
                  'filter:DropShadow(color=' + f_sue + ',hight=100%, offx=3, offy=3)"><font color="' + 
                   f_ue + '">' + ue + '</font></div>'; break;
    case "3" : ue='<div style="font-family:' + s_ue + '; width:100%; font-size:' + g_ue + 
                  '; color:' + f_ue + '; text-align:' + p_ue + '; filter: Glow(color=' +
                  f_sue + ', strength=6)">' + ue + '</div>'; break;
    case "4" : ue='<div style="font-family:' + s_ue + '; width:100%; font-size:' + g_ue + 
                  '; color:' + f_ue + '; text-align:' + p_ue + 
                  '; filter: Wave(freq=5, ' +
                  'light=200, phase=10, strength=3);">' + ue + '</div>'; break;
    }
   //---Bildbreite----------
    switch (br_b)
    {
     case "0" : br_b = ''; break;
     case "1" : br_b = ''; break;
     case "2" : br_b = ''; break;
     case "3" : br_b = ''; break;
     case "4" : br_b = 'width=95%'; break;
     case "5" : br_b = 'width=75%'; break;
     case "6" : br_b = 'width=50%'; break;
     case "7" : br_b = 'width=25%'; break;
    }
   //---Bildrahmen----------
    var ra_b2 = '';
    switch (ra_b)
    {
     case "0" : ra_b = 'border="0" '; ra_b2 = ''; break;
     case "1" : ra_b = 'border="1" '; ra_b2 = 'border:1pt; border-color:'+ra_f+';'; break;
     case "2" : ra_b = 'border="5" '; ra_b2 = 'border:5pt;'; break;
     case "3" : ra_b = 'border="9" '; ra_b2 = 'border:9pt;'; break;
     case "4" : ra_b2 = 'style="border:1cm ridge #FF00FF; text-align:'+p_b+'"'; break;
     case "5" : ra_b = ''; break;
    }
   //------Bild----
   if (b!='')
     { var tz = '';
       switch (effb) {
       case "0" : tz = '<img ' + ra_b + br_b +' src="' + b + '">'; break;
       case "1" : tz = '<img ' + ra_b + br_b +' src="' + b + '" style="filter:Blur(direction=150, strength=10)">'; break;
       case "2" : tz = '<img ' + ra_b + br_b +' src="' + b + '" style="filter:Gray()">'; break;
       case "3" : tz = '<img ' + ra_b + br_b +' src="' + b + '" style="filter:Invert()">'; break;
       case "4" : tz = '<div style="width:100%; text-align:' + p_b + 
                       '; filter: Wave(freq=40, phase=50);"><img ' + ra_b + br_b +' src="' + b + '"></div>'; break;
       case "5" : tz = '<div style="width:100%; text-align:' + p_b + 
                       '; filter: Wave(freq=10, phase=50);"><img ' + ra_b + br_b +' src="' + b + '"></div>'; break;
       case "6" : tz = '<img src="' + b + '" style="filter:Xray()">'; break;
       }
       b='<p align="'+p_b+'">' + tz + '</p>';
     }
    else
     b='';
    //----Text-Laufschrift-----
     var lschrift = '';
     var textt = '<p align="'+p_tex+'">' + '<font size="' + g_tex + '" color=' + f_t + '><B>' + 
                 texu + '</B><BR>'+ tex + '<BR><b><i>' + texd + '</i></b></font></p>';
     switch (p_lauf) {
       case "0" : lschrift = textt; break;
       case "1" : lschrift = '<table border="0" width="95%" cellspacing="0" cellpadding="3">' +
                  '<tr><td width="60%"><p align="'+p_tex+'"><font size="' + g_tex + '" color=' + f_t +
                  '><B>' + texu +'</B><BR>'+ tex + '<BR><b><i>' + texd + 
                  '</i></b></font></p></td><td width="40%"><p align="left"><marquee width="150" ' + 
                  'height="118" direction="up" scrolldelay="250"><font size="' + g_lauf +
                  '" color=' + f_lauf + '>' + lauf + '</font></marquee></td>' +
                  '</tr></table>'; break;
       case "2" : lschrift = '<table border="0" width="95%" cellspacing="0" cellpadding="3">' +
                  '<tr><td width="40%"><p align="right"><marquee width="150" height="118" ' +
                  'direction="up" scrolldelay="250"><font size="' + g_lauf + '" color=' + f_lauf +
                  '>' + lauf + '</font></marquee></td><td width="60%"><p align="'+p_tex+'"><font size="' + 
                   g_tex + '" color=' + f_t + '><B>' + texu + '</B><BR>'+ tex + '<BR><b><i>' + 
                   texd + '</i></b></font></p></td></tr></table>'; break;
       case "3" : lschrift = textt + '<p align="center"><font size="' + g_lauf + 
                  '" color=' + f_lauf + '><marquee width="95%" direction="left">' + lauf + '</marquee></font></p>'; break;
     }  

     //-----kein-Strich---
     if (f_s==0) f_s=f_bg;

   //----------------------
   var t1 = '<HTML><HEAD><META name="generator" content="www.myWebPromotion.com">' +
    '<TITLE> ' + t + ' </TITLE></HEAD><BODY BGCOLOR="' + f_bg + '" TEXT=BLACK>' +
   //-------------------------------------  
    //----Ueberschrift-
    ue +
    //----Bild---------
    b + 
    //----Text+Laufschrift--
    lschrift +
    //----Mail---------
    '<p align="'+p_em+'"><font size="' + g_em + '" color=' + f_t + '>' + e1 + 
      ' <a href="mailto:' + em + '?subject=' + eb + '">' + em + '</a></p>' +
    //----Link---------
    '<p align="'+p_l+'"><font size="'+g_l+'" color=' + f_t + '>' + link1 + '&nbsp;' + 
    '<a href="http://'+link2+'">' + link2 + '</a></font></p>' +
    //----Strich-------
    '<div align="center"><table border="0" width="95%" bgcolor="' + f_s + '" cellspacing="0" ' +
    'cellpadding="0" height="2"><tr><td></td></tr></table></div>' +
    //----Copyright----
    '<p align="' + p_c + '">' + '<font size="' + g_c + '" color=' + f_c + '>' + ac1 + c + ac2 + '</font></P>' +
   //--------------------------------------
    '</BODY></HTML>';
    uiui(t1); 
  }

//*******************************************************************
//*******************************************************************

 function vorschau(t,f_bg,ue,s_ue,g_ue,p_ue,f_ue,eff,f_sue,b,effb,br_b,ra_b,ra_f,p_b,texu,tex,texd,g_tex,f_t,p_tex,lauf,g_lauf,f_lauf,p_lauf,e1,em,eb,g_em,p_em,link1,link2,g_l,p_l,f_s,c,g_c,f_c,p_c,a_c)
  {
   var ac1 = '<sup>';
   var ac2 = '</sup>';
   //------Ueberschrift----
   if ((f_sue==0)||(eff==0)) 
    { 
     ue='<p align="' + p_ue + '" style="font-size:' + g_ue + '"><font face="' + s_ue + '" color="' +
         f_ue + '">' + ue + '</font></p><BR>';
    }
   switch (eff) {
    case "1" : ue='<div style="font-family:' + s_ue + '; width:100%; hight:100%; font-size:' + g_ue + 
                  '; text-align:' + p_ue + ';' +
                  'filter:Shadow(color=' + f_sue + ',hight=100%, direction=135)"><font color="' + 
                   f_ue + '">' + ue + '</font></div>'; break;
    case "2" : ue='<div style="font-family:' + s_ue + '; width:100%; hight:100%; font-size:' + g_ue + 
                  '; text-align:' + p_ue + ';' +
                  'filter:DropShadow(color=' + f_sue + ',hight=100%, offx=3, offy=3)"><font color="' + 
                   f_ue + '">' + ue + '</font></div>'; break;
    case "3" : ue='<div style="font-family:' + s_ue + '; width:100%; font-size:' + g_ue + 
                  '; color:' + f_ue + '; text-align:' + p_ue + '; filter: Glow(color=' +
                  f_sue + ', strength=6)">' + ue + '</div>'; break;
    case "4" : ue='<div style="font-family:' + s_ue + '; width:100%; font-size:' + g_ue + 
                  '; color:' + f_ue + '; text-align:' + p_ue + 
                  '; filter: Wave(freq=5, ' +
                  'light=200, phase=10, strength=3);">' + ue + '</div>'; break;
    }
   //---Bildbreite----------
    switch (br_b)
    {
     case "0" : br_b = ''; break;
     case "1" : br_b = ''; break;
     case "2" : br_b = ''; break;
     case "3" : br_b = ''; break;
     case "4" : br_b = 'width=95%'; break;
     case "5" : br_b = 'width=75%'; break;
     case "6" : br_b = 'width=50%'; break;
     case "7" : br_b = 'width=25%'; break;
    }
   //---Bildrahmen----------
    var ra_b2 = '';
    switch (ra_b)
    {
     case "0" : ra_b = 'border="0" '; ra_b2 = ''; break;
     case "1" : ra_b = 'border="1" '; ra_b2 = 'border:1pt; border-color:'+ra_f+';'; break;
     case "2" : ra_b = 'border="5" '; ra_b2 = 'border:5pt;'; break;
     case "3" : ra_b = 'border="9" '; ra_b2 = 'border:9pt;'; break;
     case "4" : ra_b2 = 'style="border:1cm ridge #FF00FF; text-align:'+p_b+'"'; break;
     case "5" : ra_b = ''; break;
    }
   //------Bild----
   if (b!='')
     { var tz = '';
       switch (effb) {
       case "0" : tz = '<img ' + ra_b + br_b +' src="' + b + '">'; break;
       case "1" : tz = '<img ' + ra_b + br_b +' src="' + b + '" style="filter:Blur(direction=150, strength=10)">'; break;
       case "2" : tz = '<img ' + ra_b + br_b +' src="' + b + '" style="filter:Gray()">'; break;
       case "3" : tz = '<img ' + ra_b + br_b +' src="' + b + '" style="filter:Invert()">'; break;
       case "4" : tz = '<div style="width:100%; text-align:' + p_b + 
                       '; filter: Wave(freq=40, phase=50);"><img ' + ra_b + br_b +' src="' + b + '"></div>'; break;
       case "5" : tz = '<div style="width:100%; text-align:' + p_b + 
                       '; filter: Wave(freq=10, phase=50);"><img ' + ra_b + br_b +' src="' + b + '"></div>'; break;
       case "6" : tz = '<img src="' + b + '" style="filter:Xray()">'; break;
       }
       b='<p align="'+p_b+'">' + tz + '</p>';
     }
    else
     b='';
    //----Text-Laufschrift-----
     var lschrift = '';
     var textt = '<p align="'+p_tex+'">' + '<font size="' + g_tex + '" color=' + f_t + '><B>' + 
                 texu + '</B><BR>'+ tex + '<BR><b><i>' + texd + '</i></b></font></p>';
     switch (p_lauf) {
       case "0" : lschrift = textt; break;
       case "1" : lschrift = '<table border="0" width="95%" cellspacing="0" cellpadding="3">' +
                  '<tr><td width="60%"><p align="'+p_tex+'"><font size="' + g_tex + '" color=' + f_t +
                  '><B>' + texu +'</B><BR>'+ tex + '<BR><b><i>' + texd + 
                  '</i></b></font></p></td><td width="40%"><p align="left"><marquee width="150" ' + 
                  'height="118" direction="up" scrolldelay="250"><font size="' + g_lauf +
                  '" color=' + f_lauf + '>' + lauf + '</font></marquee></td>' +
                  '</tr></table>'; break;
       case "2" : lschrift = '<table border="0" width="95%" cellspacing="0" cellpadding="3">' +
                  '<tr><td width="40%"><p align="right"><marquee width="150" height="118" ' +
                  'direction="up" scrolldelay="250"><font size="' + g_lauf + '" color=' + f_lauf +
                  '>' + lauf + '</font></marquee></td><td width="60%"><p align="'+p_tex+'"><font size="' + 
                   g_tex + '" color=' + f_t + '><B>' + texu + '</B><BR>'+ tex + '<BR><b><i>' + 
                   texd + '</i></b></font></p></td></tr></table>'; break;
       case "3" : lschrift = textt + '<p align="center"><font size="' + g_lauf + 
                  '" color=' + f_lauf + '><marquee width="95%" direction="left">' + lauf + '</marquee></font></p>'; break;
     }  
     //-----kein-Strich---
     if (f_s==0) f_s=f_bg;
     
   docObj.open();
   docObj.writeln(
    '<HTML><HEAD><META name="GENERATOR" content="www.myWebPromotion.com"><TITLE>' + t + '</TITLE>' +
    '<style type="text/css">BODY {MARGIN: 3px} A:link {COLOR: #4261bd} A:visited {	COLOR: #4261bd}' +
    'A:active {COLOR: #000080} A:hover {COLOR: #d20000; TEXT-DECORATION: none} </style>' +
    '</HEAD><BODY BGCOLOR="' + f_bg + '" TEXT=BLACK>' + 
    //----Ueberschrift-
    ue +
    //----Bild---------
    b + 
    //----Text+Laufschrift--
    lschrift +
    //----Mail---------
    '<p align="'+p_em+'"><font size="' + g_em + '" color=' + f_t + '>' + e1 + 
      ' <a href="mailto:' + em + '?subject=' + eb + '">' + em + '</a></p>' +
    //----Link---------
    '<p align="'+p_l+'"><font size="'+g_l+'" color=' + f_t + '>' + link1 + '&nbsp;' +
    '<a href="http://'+link2+'">' + link2 + '</a></font></p>' +
    //----Strich-------
    '<div align="center"><table border="0" width="95%" bgcolor="' + f_s + '" cellspacing="0" ' +
    'cellpadding="0" height="2"><tr><td></td></tr></table></div>' +
    //----Copyright----
    '<p align="' + p_c + '">' + '<font size="' + g_c + '" color=' + f_c + '>' + ac1 + c + ac2 + '</font></P>' +
    '</BODY></HTML>');
   docObj.close();
  }

/************************************************************/
/*** (c) Sönke Schultz, myWebPromotion.com, 2001          ***/
/************************************************************/