/******************************************************************************

******************************************************************************/

// ...

function TableOutput(td,th,id,SaMa) {
    if (td != '') {
        
        td = td.replace(/align=middle/ig, 'align="center"'); //ie hack
        td = td.split(/<td /i);
        td[0] = td[0].replace(/ /g, '');
        td[0] = td[0].replace(/\n/g, '');
        if (td[0] === '') { td.shift(); }
                
        th = th.replace(/align=middle/ig,'align="center"'); //ie hack
        th = th.split(/<td /i);
        th[0] = th[0].replace(/ /g, '');
        th[0] = th[0].replace(/\n/g, '');
        if (th[0] === '') { th.shift(); }
        
        var inhalt = '';
        var inhaltTR = '';
        var inhaltTD = '';
        
        for (i = 1; i <= td.length; i++){inhaltTR += '<td ' + td[i];}
        for (i = 1; i <= th.length; i++){inhaltTD += '<td ' + th[i];}

        if (SaMa) {
            if (SaMa == "S1") {
                TitleDiv = document.getElementById("DivStrS1").innerHTML;
                TitleDiv = "<div style='border:1px solid gray;border-bottom:0px solid gray;width:150px;padding-left:2px;background-color:#F0F0F0;'>" + TitleDiv + "</div>" 
            }
            if (SaMa == "S2") {
                TitleDiv = document.getElementById("DivStrS2").innerHTML;
                TitleDiv = "<div style='border:1px solid gray;border-bottom:0px solid gray;width:150px;padding-left:2px;background-color:#F0F0F0;'>" + TitleDiv + "</div>" 
            }
            if (SaMa == "S3") {
                TitleDiv = document.getElementById("DivStrS3").innerHTML;
                TitleDiv = "<div style='border:1px solid gray;border-bottom:0px solid gray;width:150px;padding-left:2px;background-color:#F0F0F0;'>" + TitleDiv + "</div>" 
            }
            if (SaMa == "S4") {
                TitleDiv = document.getElementById("DivStrS4").innerHTML;
                TitleDiv = "<div style='border:1px solid gray;border-bottom:0px solid gray;width:150px;padding-left:2px;background-color:#F0F0F0;'>" + TitleDiv + "</div>" 
            }
            if (SaMa == "S5") {
                TitleDiv = document.getElementById("DivStrS5").innerHTML;
                TitleDiv = "<div style='border:1px solid gray;border-bottom:0px solid gray;width:150px;padding-left:2px;background-color:#F0F0F0;'>" + TitleDiv + "</div>" 
            }
            if (SaMa == "S6") {
                TitleDiv = document.getElementById("DivStrS6").innerHTML;
                TitleDiv = "<div style='border:1px solid gray;border-bottom:0px solid gray;width:150px;padding-left:2px;background-color:#F0F0F0;'>" + TitleDiv + "</div>" 
            }
            if (SaMa == "S11") {
                TitleDiv = document.getElementById("DivStrS11").innerHTML;
                TitleDiv = "<div style='border:1px solid gray;border-bottom:0px solid gray;width:150px;padding-left:2px;background-color:#F0F0F0;'>" + TitleDiv + "</div>" 
            }
            if (SaMa == "S12") {
                TitleDiv = document.getElementById("DivStrS12").innerHTML;
                TitleDiv = "<div style='border:1px solid gray;border-bottom:0px solid gray;width:150px;padding-left:2px;background-color:#F0F0F0;'>" + TitleDiv + "</div>" 
            }
            if (SaMa == "S13") {
                TitleDiv = document.getElementById("DivStrS13").innerHTML;
                TitleDiv = "<div style='border:1px solid gray;border-bottom:0px solid gray;width:150px;padding-left:2px;background-color:#F0F0F0;'>" + TitleDiv + "</div>" 
            }
            if (SaMa == "S14") {
                TitleDiv = document.getElementById("DivStrS14").innerHTML;
                TitleDiv = "<div style='border:1px solid gray;border-bottom:0px solid gray;width:150px;padding-left:2px;background-color:#F0F0F0;'>" + TitleDiv + "</div>" 
            }
            if (SaMa == "S15") {
                TitleDiv = document.getElementById("DivStrS15").innerHTML;
                TitleDiv = "<div style='border:1px solid gray;border-bottom:0px solid gray;width:150px;padding-left:2px;background-color:#F0F0F0;'>" + TitleDiv + "</div>" 
            }
            if (SaMa == "S16") {
                TitleDiv = document.getElementById("DivStrS16").innerHTML;
                TitleDiv = "<div style='border:1px solid gray;border-bottom:0px solid gray;width:150px;padding-left:2px;background-color:#F0F0F0;'>" + TitleDiv + "</div>" 
            }
            if (SaMa == "Ma") {
                TitleDiv = document.getElementById("DivStrMA").innerHTML;
                TitleDiv = "<div style='border:1px solid gray;border-bottom:0px solid gray;width:150px;padding-left:2px;background-color:#F0F0F0;'>" + TitleDiv + "</div>"
            }
        } else {
            TitleDiv = "";
        }

        inhalt = '<div id=x style="width:391;text-align:right;"><a href="javascript:CloseMyPrint(\'' + id + '\');" class="delete"><img border="0" src="images/x.gif" style="margin-bottom:2px;" alt="" /></a></div>' + TitleDiv + '<table width="394" id="PrintTableLeftBorderHack" style="margin-bottom:10px;border-bottom:1px solid gray;border-left:1px solid gray;border-top:1px solid gray;" border=0 cellspacing=0 cellpadding=0><tr>' + inhaltTD + '</tr><tr>' + inhaltTR + '</tr></table>';
        document.getElementById(id).innerHTML = inhalt;
        document.getElementById(id).style.display = 'block';
        
        if(document.getElementById(id).style.display == 'none'){document.getElementById(id).style.display = 'block'; }

        inhaltPrint = '<a href="javascript:OpenMyPrint();"><img src="images/PrintSymbol.gif" alt="" border="0" /></a>'
        document.getElementById("Print").innerHTML = inhaltPrint;
        document.getElementById("Print").style.display = 'block';
    } 
}

function PrintMyProduct(ArtikelNr, Farbe, Glas, Ausstattung, Extra, Wannenfarbe, Rueckwand, SaMa) {
    //var rowIndex = document.getElementById('tr' + Glas).sectionRowIndex;
    
    var tdArtikelNr = '';
    var tdFarbe = '';
    var tdGlas = '';
    var tdAusstattung = '';
    var tdExtra = '';
    var tdWannenfarbe = '';
    var tdRueckwand = '';
    var thArtikelNr = '';
    var thFarbe = '';
    var thGlas = '';
    var thAusstattung = '';
    var thExtra = '';
    var thWannenfarbe = '';
    var thRueckwand = '';

    //daten holen
    if (ArtikelNr) {
            tdArtikelNr = document.getElementById(ArtikelNr).innerHTML; ArtikelNrTH = ArtikelNr.replace('ArtNrTR', 'ArtNrTH');
            ArtikelNrTH = ArtikelNrTH.substr(0, 11); thArtikelNr = document.getElementById(ArtikelNrTH).innerHTML;
        }
    if (Farbe) { tdFarbe = document.getElementById('tr' + Farbe).innerHTML; thFarbe = document.getElementById('thF').innerHTML; }
    if (Glas) { tdGlas = document.getElementById('tr' + Glas).innerHTML; thGlas = document.getElementById('thG').innerHTML; }
    if (Ausstattung) { tdAusstattung = document.getElementById('tr' + Ausstattung).innerHTML; thAusstattung = document.getElementById('th').innerHTML; }
    if (Extra) {
        tdExtra = document.getElementById(Extra).innerHTML; ExtraTH = Extra.replace('ArtNrTR', 'ArtNrTH');
        ExtraTH = ExtraTH.substr(0, 11); thExtra = document.getElementById(ExtraTH).innerHTML;
    }
    if (Wannenfarbe) {
        tdWannenfarbe = document.getElementById(Wannenfarbe).innerHTML;
        TH = Wannenfarbe.replace('ArtNrTR', 'ArtNrTH');
        TH = TH.substr(0, 12);
        thWannenfarbe = document.getElementById(TH).innerHTML;
        
    }
    if (Rueckwand) {
        tdRueckwand = document.getElementById(Rueckwand).innerHTML;
        TH = Rueckwand.replace('ArtNrTR', 'ArtNrTH');
        TH = TH.substr(0, 12);
        thRueckwand = document.getElementById(TH).innerHTML;
    }

    //daten setzen
    TableOutput(tdArtikelNr, thArtikelNr, 'PrintArtikel', SaMa);
    TableOutput(tdFarbe, thFarbe, 'PrintFarben');
    TableOutput(tdGlas, thGlas, 'PrintGlaeser');
    TableOutput(tdAusstattung, thAusstattung, 'PrintAusstattung');
    TableOutput(tdExtra, thExtra, 'PrintExtra');
    TableOutput(tdWannenfarbe, thWannenfarbe, 'PrintWannenfarbe');
    TableOutput(tdRueckwand, thRueckwand, 'PrintRueckwand');

    // Alternativ die nächsten Modelle zeigen
    fnCheckIfComplete()
}
function CloseMyPrint(id) {
    document.getElementById(id).style.display = 'none';

    if (document.getElementById("PrintArtikel").style.display == 'none' && document.getElementById("PrintFarben").style.display == 'none' && document.getElementById("PrintGlaeser").style.display == 'none' && document.getElementById("PrintAusstattung").style.display == 'none' && document.getElementById("PrintExtra").style.display == 'none' && document.getElementById("PrintWannenfarbe").style.display == 'none' && document.getElementById("PrintRueckwand").style.display == 'none')
    {document.getElementById("Print").style.display = 'none';}
}


function OpenMyPrint() {

    var Bilder = ParseMyPrintItems('visuelles');
    var Headline = ParseMyPrintItems('schriftliches');
    var Subline = ParseMyPrintItems('schriftliches2');
    var PrintArtikel = ParseMyPrintItems('PrintArtikel');
    var PrintFarben = ParseMyPrintItems('PrintFarben');
    var PrintGlaeser = ParseMyPrintItems('PrintGlaeser');
    var PrintAusstattung = ParseMyPrintItems('PrintAusstattung');
    var PrintExtra = ParseMyPrintItems('PrintExtra');
    var PrintWannenfarbe = ParseMyPrintItems('PrintWannenfarbe');
    var PrintRueckwand = ParseMyPrintItems('PrintRueckwand');
    var UID = document.URL.split('=');
    UID = UID[1];
    
    var Inhalt =  Bilder + '<p></p>' + PrintArtikel + PrintFarben + PrintGlaeser + PrintAusstattung + PrintExtra + PrintWannenfarbe + PrintRueckwand;


    var Ausgabe = '<html><head>';
    Ausgabe += '<title>' + Headline + '</title><link href="http://www.hueppe.name/de-de/App_Themes/Default/Default.css" type="text/css" rel="stylesheet" /></head>';
    Ausgabe += '<body marginwidth="10" marginheight="30" topmargin="30" leftmargin="10" background="images/BG.GIF">';
    Ausgabe += '<table border="0" width="600" cellpadding="0" cellspacing="0">';
    Ausgabe += '<tr>';
    Ausgabe += '<td width="580" height="80" valign="bottom" style="padding-top:10px;"><!--<span class="headOrange">' + Headline + '</span><br /><span class="subOrange">' + Subline + '</span>//--></td>';
    Ausgabe += '<td width="20" align="right" valign=top><img src="images/HueppeShowerSolutionsRGB.jpg" border="0" /></td>';
    Ausgabe += '</tr>';
    Ausgabe += '</table>';
    Ausgabe += '<table width=600 cellspacing=0 cellpadding=0 border=0><tr><td colspan=2><hr style="margin-bottom:4;width:600;"></td></tr><tr><td width=400>' + Inhalt + '</td><td>&nbsp;</td></tr><tr><td colspan=2><hr style="margin-bottom:4;width:600;"></td></tr></table>';
    Ausgabe += '</body></html>';

    var Fenster = window.open('', UID, "width=637,height=800,left=320,top=20,scrollbars=yes,menubar=yes");
    Fenster.document.open("text/html");
    Fenster.document.write(Ausgabe);
    Fenster.document.write('<a style="cursor:default;text-decoration:none;" onclick="javascript:document.getElementById(\'dgfe\').style.display = \'block\';">.</a><div id="dgfe" style="display:none;"><br /><a style="cursor:pointer;" onclick="javascript:document.getElementById(\'dgfe\').style.display = \'none\';">x</a><br /><textarea style="width:600;height:800;">' + Ausgabe + '</textarea><br /><a style="cursor:pointer;" onclick="javascript:document.getElementById(\'dgfe\').style.display = \'none\';">x</a></div>');
    Fenster.document.close();
}

function fnCheckIfComplete() {
    if (document.getElementById('PrintArtikel').style.display == document.getElementById('reqArtikel').value &&
        document.getElementById('PrintFarben').style.display == document.getElementById('reqFarben').value &&
        document.getElementById('PrintGlaeser').style.display == document.getElementById('reqGlaeser').value &&
        document.getElementById('PrintWannenfarbe').style.display == document.getElementById('reqWannenFarben').value &&
        document.getElementById('PrintRueckwand').style.display == document.getElementById('reqRueckwandGlaeser').value &&
        document.getElementById('reqModellKombo').value == '1') {
        document.getElementById('divModellKombo').style.display = 'block';
    }
    return;
}

function ParseMyPrintItems(id) {
    var Inhalt = document.getElementById(id).innerHTML;
    Inhalt = Inhalt.replace('id=x style="', 'id=x style="display:none;');
    Inhalt = Inhalt.replace('id="x" style="', 'id=x style="display:none;');
    return Inhalt; 
 }