farbe_aktiv = '#000000';
farbe_lock = '#D4D0C8';

function radioSelectedIndex (radioname)
// da man sich bei RadioButtons den selektierten Wert nicht so einfach mit .selectedIndex liefern lassen kann wie z.B. bei Listboxen, habe ich diese Funktion hier geschrieben
// uebergabe des Paramters als Objekt (nicht nur der radiobuttonname): z.B.: document.formular.radioname oder document.forms.formular.radioname
{
		var wert;
		wert = 0;

		for (var i = 0; i < radioname.length; i++) {

                if( radioname[i].checked) {
                		wert = i;
                		break;
                		// man koennte auch gleich hier mit return den Wert zurueckgeben, return bricht gleich die gesamte Funktion ab
                }
		}

		return wert;
}


function add(field)
{
	if ( (! isNaN(field.value)) && (field.value < 99) )
	{
		field.value++;
	}
}

function sub(field)
{
	if ( (! isNaN(field.value)) && (field.value > 1) )
	{
		field.value--;
	}
}

function sub2(field)
{
	if ( (! isNaN(field.value)) && (field.value > 0) )
	{
		field.value--;
	}
}

function setStil1(event) { this.className='li1'; }
function setStil2(event) { this.className='li2'; }
function setStilG(event) { this.className='lig'; }
function setStilH(event) { this.className='lih'; }

function stoffeZeigen ()
// Stoffe neu laden
{
		// die Alle-Checkbox an bzw. abwaehlen
		var alle = true;
        for (i = 0; i < document.forms.markise.farbe.length;i++) {
                if (document.forms.markise.farbe[i].checked == false) {
                		alle = false;
                		break;
                }
        }
        document.getElementById('farbe_alle').checked = alle;
		alle = true;
        for (i = 0; i < document.forms.markise.gruppe.length;i++) {
                if (document.forms.markise.gruppe[i].checked == false) {
                		alle = false;
                		break;
                }
        }
        document.getElementById('gruppe_alle').checked = alle;


		var tabelle = '<table width="100%">';
		// Achtung! Im IE (und ausnahmslos nur beim IE) laesst sich tabelle.innerHTML nicht direkt aendern (nur lesen!) - ueber das uebergeordneten element (div) ist es aber moeglich die Tabelle neu zu generieren!
		var stil = "";
		var alternate = false;

		var j = 0;		// i: alle Stoffe, j: tatsaechliche Anzahl angezeigte Stoffe

        for (var i = 0; i < stoffe.length; i++) {
					if ( (document.getElementById('farbe_' + stoffe[i].farbe) != null) && (document.getElementById('gruppe_' + stoffe[i].gruppe) != null)) {		// nur wenn dir die jeweilige Gruppe / Farbe im Konfigurator auch zur Auswahl steht
                            if (document.getElementById('farbe_' + stoffe[i].farbe).checked == true && document.getElementById('gruppe_' + stoffe[i].gruppe).checked) {
                                    if ((j % 4 == 0) || (j % 4 == 1)) {
                                            stil = "li1";
                                    } else {
                                            stil = "li2";
                                    }

                                    stoffe[i].stil = stil;
                                    if (alternate == false) { tabelle = tabelle + '<tr>'; }
                                    if (i == gewaehlterStoff) {
                                            tabelle = tabelle + '<td align="center" width="50%" id="stoff_' + i + '" class="lig" onMouseover="this.className=\'lig\';" onMouseout="this.className=\'lig\';" onClick="selectStoff(' + i + ',\'' + stil + '\'); rechne();"><a name="stoff">&nbsp;</a>';
                                    } else {
                                            tabelle = tabelle + '<td align="center" width="50%" id="stoff_' + i + '" class="' + stil + '" onMouseover="this.className=\'lih\';" onMouseout="this.className=\'' + stil + '\';" onClick="selectStoff(' + i + ',\'' + stil + '\'); rechne();">';
                                    };
                                    tabelle = tabelle + '<img width="100" height="40" alt="' + stoffe[i].bez + '" title="' + stoffe[i].bez + '" src="' + verz_stoffe_kl + stoffe[i].pic + '.gif"><br>' + stoffe[i].bez;
                                    tabelle = tabelle + '</td>';
                                    if (alternate == true) { tabelle = tabelle + '</tr>'; }

                                    if (alternate == true) { alternate = false } else { alternate = true }
                                    j++;
                            }
                   }
        }

        if (j % 2 == 1) {
        		tabelle = tabelle + '<td>&nbsp;</td></tr>';
        }

		tabelle = tabelle + '</table>';
        document.getElementById('stoffe').innerHTML = tabelle;
}


function checkAll (eigenschaft)
// alle Farben, alle Gruppen
{
		if (eigenschaft == 'farbe') {
				if (document.getElementById('farbe_alle').checked == false) {
						for (i = 0; i < document.forms.markise.farbe.length;i++) {
								document.forms.markise.farbe[i].checked = false;
						}
				} else {
						for (i = 0; i < document.forms.markise.farbe.length;i++) {
								document.forms.markise.farbe[i].checked = true;
						}
				}
		} else if (eigenschaft == 'gruppe') {
				if (document.getElementById('gruppe_alle').checked == false) {
						for (i = 0; i < document.forms.markise.gruppe.length;i++) {
								document.forms.markise.gruppe[i].checked = false;
						}
				} else {
						for (i = 0; i < document.forms.markise.gruppe.length;i++) {
								document.forms.markise.gruppe[i].checked = true;
						}
				}
		}
		stoffeZeigen();
}


function selectStoff(i)
// Stoff ausgewaehlt
{
		// vorher gewaehlter Stoff muss wieder farblich normal gesetzt werden
		if (document.getElementById('stoff_' + gewaehlterStoff)) {			// falls nicht schon ausgeblendet
                document.getElementById('stoff_' + gewaehlterStoff).className = stoffe[gewaehlterStoff].stil;
                document.getElementById('stoff_' + gewaehlterStoff).onmouseover = setStilH;
                if (stoffe[gewaehlterStoff].stil == 'li1') {
		                document.getElementById('stoff_' + gewaehlterStoff).onmouseout = setStil1;
		        } else {
		                document.getElementById('stoff_' + gewaehlterStoff).onmouseout = setStil2;
		        }
		}

		// neuer gewaehlter Stoff
		if (document.getElementById('stoff_' + i)) {		// falls nicht ausgeblendet (aber beim Aufrufen der asp-Seite dieser Stoff uebergeben)
                document.getElementById('stoff_' + i).className = 'lig';
                document.getElementById('stoff_' + i).onmouseout = setStilG;
                document.getElementById('stoff_' + i).onmouseover = setStilG;
        }


		var stoff_detail_bild = '';
		stoff_detail_bild += '<a href="konfigurator/show_pic.asp?src=' + verz_stoffe_gr + stoffe[i].pic + '.jpg" target="_blank" onclick="javascript:window.open(\'konfigurator/show_pic.asp?src=' + verz_stoffe_gr + stoffe[i].pic + '.jpg\',\'\',\'width=600, height=420, scrollbars=no,status=no\');return false;" onMouseover="return overlib(showStoff(' + i + '), WIDTH, 300, CENTER, OFFSETY, -225);" onMouseout="return nd();">';
		stoff_detail_bild += '<img src="i/lupe2.gif" alt="Lupe" border="0" style="position: relative; left:80px; top:80px;"><br>';
		stoff_detail_bild += '</a>';
		stoff_detail_bild += '<span style="font-weight: bold; font-size: 11px;">' + stoffe[i].bez + '</span><br>';
		stoff_detail_bild += '<a href="konfigurator/show_pic.asp?src=' + verz_stoffe_gr + stoffe[i].pic + '.jpg" target="_blank" onclick="javascript:window.open(\'konfigurator/show_pic.asp?src=' + verz_stoffe_gr + stoffe[i].pic + '.jpg\',\'\',\'width=600, height=420, scrollbars=no,status=no\');return false;">';
		stoff_detail_bild += '<img src="' + verz_stoffe_mi + stoffe[i].pic + '.jpg" width="240" height="96" border="0" alt="gewählter Stoff">';
		stoff_detail_bild += '</a>';
		document.getElementById('stoff_detail_bild').innerHTML = stoff_detail_bild;
		document.getElementById('stoff_detail_text').innerHTML = stoffe[i].beschr;

		document.getElementById('zsf_stoffbez').innerHTML = stoffe[i].bez;
		document.forms.markise.md_dessin.value = stoffe[i].dessin;

		gewaehlterStoff = i;
		
		if (document.forms.markise.modell) {
				var modell = document.forms.markise.modell.value * 1;
				if (modell == 120 || modell == 121 || modell == 122) {		// STOFF_KONFEKTIONIERT, STOFF_BAHN, STOFF_VOLANT
						document.getElementById('breite_bahnenware_value').innerHTML = getBreiteBahnenware(stoffe[gewaehlterStoff].gruppe);
						if (modell == 121) {		// STOFF_BAHN
								document.forms.markise.b1.value = getBreiteBahnenware(stoffe[gewaehlterStoff].gruppe);
								setRollung(modell, stoffe[gewaehlterStoff].gruppe);
						}
				}
		}
		
}

function activate ()		// variable Anzahl von Parametern
{
        for (var i=0;  i < activate.arguments.length;  i++) {
                activate.arguments[i].disabled = false;
        		if (activate.arguments[i].type == 'radio') {	// Sonderbehandlung fuer IE: IE unterscheided bei Radio-Button zwischen color und background-color
		                activate.arguments[i].style.color = '#FFFFFF';
		        } else if (activate.arguments[i].type == 'text') {
		        		activate.arguments[i].style.backgroundColor = '#FFFFFF'; // auf Gross-/Kleinschreibung aufpassen! (backgroundColor)
		        } // bei checkbox nur disablen, alle browser machen die automatisch grau und wieder farblich

                if (activate.arguments[i].name == 'gestellfarbe_ral') {
                		document.getElementById('text_farbe_ral').style.color = farbe_aktiv;
                }
                if (activate.arguments[i].name == 'lh') {
                		document.getElementById('text_spann').style.color = farbe_aktiv;
                		document.getElementById('text_spann2').style.color = farbe_aktiv;
                		document.getElementById('text_spann3').style.color = farbe_aktiv;
                }
        }
}

function lock ()
{
        for (var i=0;  i < lock.arguments.length;  i++) {

                lock.arguments[i].disabled = true;
                // fuer Internet Explorer: beim IE wird bei disabled das Feld nicht ausgegraut. Das muss per Hand geschehen.
                if (lock.arguments[i].type == 'radio') {	// noch eine Sonderbehandlung fuer IE: IE unterscheided bei Radio-Button zwischen color und background-color
                		lock.arguments[i].style.color = farbe_lock;
                } else if (lock.arguments[i].type == 'text') {
                		lock.arguments[i].style.backgroundColor = farbe_lock;
                }  // bei checkbox nur disablen, alle browser machen die automatisch grau

                if (lock.arguments[i].name == 'gestellfarbe_ral') {
                		document.getElementById('text_farbe_ral').style.color = farbe_lock;
                }
                else if (lock.arguments[i].name == 'lh') {
                		document.getElementById('text_spann').style.color = farbe_lock;
                		document.getElementById('text_spann2').style.color = farbe_lock;
                		document.getElementById('text_spann3').style.color = farbe_lock;
                }
        }
}


function activate2 ()		// jetzt wird nur noch die id der Gruppe angegeben
{
        for (var i=0;  i < activate2.arguments.length;  i++) {
        		if (activate2.arguments[i] == 'dach') {
        				document.getElementById('text_dach1').style.color = farbe_aktiv;
        				document.getElementById('text_dach2').style.color = farbe_aktiv;
        				document.getElementById('farbe_dach1').disabled = false;
        				document.getElementById('farbe_dach2').disabled = false;
        				document.getElementById('farbe_dach1').style.color = farbe_aktiv;
        				document.getElementById('farbe_dach2').style.color = farbe_aktiv;
        		} else if (activate2.arguments[i] == 'kassette') {
        				document.getElementById('text_kassette1').style.color = farbe_aktiv;
        				document.getElementById('text_kassette2').style.color = farbe_aktiv;
        				document.getElementById('farbe_kassette1').disabled = false;
        				document.getElementById('farbe_kassette2').disabled = false;
        				document.getElementById('farbe_kassette1').style.color = farbe_aktiv;
        				document.getElementById('farbe_kassette2').style.color = farbe_aktiv;
        		} else if (activate2.arguments[i] == 'montageprofil') {
        				document.getElementById('text_montageprofil_stck').style.color = farbe_aktiv;
        				document.getElementById('montageprofil_stck').disabled = false;
        				document.getElementById('montageprofil_stck').style.backgroundColor = '#FFFFFF';
        				document.getElementById('text_montageprofil_laenge').style.color = farbe_aktiv;
        				document.getElementById('montageprofil_laenge').disabled = false;
        				document.getElementById('montageprofil_laenge').style.backgroundColor = '#FFFFFF';
        				document.getElementById('farbe_montageprofil1').disabled = false;
        				document.getElementById('farbe_montageprofil2').disabled = false;
        				document.getElementById('text_farbe1').style.color = farbe_aktiv;
        				document.getElementById('text_farbe2').style.color = farbe_aktiv;
        				document.getElementById('farbe_montageprofil_ral').disabled = false;
        				document.getElementById('text_farbe3').style.color = farbe_aktiv;
        				if (document.getElementById('farbe_montageprofil_ral').checked == true) {
								document.getElementById('text_farbe_montageprofil_ral').style.color = farbe_aktiv;
                                document.getElementById('montageprofil_ral').disabled = false;
                                document.getElementById('montageprofil_ral').style.backgroundColor = '#FFFFFF';
                        }
        				document.getElementById('text_endkappen').style.color = farbe_aktiv;
        				document.getElementById('endkappen').disabled = false;
        		} else if (activate2.arguments[i] == 'montageprofil_farbe_ral') {
                        document.getElementById('text_farbe_montageprofil_ral').style.color = farbe_aktiv;
                        document.getElementById('montageprofil_ral').disabled = false;
                        document.getElementById('montageprofil_ral').style.backgroundColor = '#FFFFFF';
        		}
        }
}

function lock2 ()
{
        for (var i=0;  i < lock2.arguments.length;  i++) {
        		if (lock2.arguments[i] == 'dach') {
        				document.getElementById('text_dach1').style.color = farbe_lock;
        				document.getElementById('text_dach2').style.color = farbe_lock;
        				document.getElementById('farbe_dach1').disabled = true;
        				document.getElementById('farbe_dach2').disabled = true;
        				document.getElementById('farbe_dach1').style.color = farbe_lock;
        				document.getElementById('farbe_dach2').style.color = farbe_lock;
        		} else if (lock2.arguments[i] == 'kassette') {
        				document.getElementById('text_kassette1').style.color = farbe_lock;
        				document.getElementById('text_kassette2').style.color = farbe_lock;
        				document.getElementById('farbe_kassette1').disabled = true;
        				document.getElementById('farbe_kassette2').disabled = true;
        				document.getElementById('farbe_kassette1').style.color = farbe_lock;
        				document.getElementById('farbe_kassette2').style.color = farbe_lock;
        		} else if (lock2.arguments[i] == 'montageprofil') {
        				document.getElementById('text_montageprofil_stck').style.color = farbe_lock;
        				document.getElementById('montageprofil_stck').disabled = true;
        				document.getElementById('montageprofil_stck').style.backgroundColor = farbe_lock;
        				document.getElementById('text_montageprofil_laenge').style.color = farbe_lock;
        				document.getElementById('montageprofil_laenge').disabled = true;
        				document.getElementById('montageprofil_laenge').style.backgroundColor = farbe_lock;
        				document.getElementById('farbe_montageprofil1').disabled = true;
        				document.getElementById('farbe_montageprofil2').disabled = true;
        				document.getElementById('text_farbe1').style.color = farbe_lock;
        				document.getElementById('text_farbe2').style.color = farbe_lock;
        				document.getElementById('text_farbe3').style.color = farbe_lock;
        				document.getElementById('text_farbe_montageprofil_ral').style.color = farbe_lock;
                        document.getElementById('farbe_montageprofil_ral').disabled = true;
                        document.getElementById('montageprofil_ral').disabled = true;
                        document.getElementById('montageprofil_ral').style.backgroundColor = farbe_lock;
        				document.getElementById('text_endkappen').style.color = farbe_lock;
        				document.getElementById('endkappen').disabled = true;
        		} else if (lock2.arguments[i] == 'montageprofil_farbe_ral') {
                        document.getElementById('text_farbe_montageprofil_ral').style.color = farbe_lock;
                        document.getElementById('montageprofil_ral').disabled = true;
                        document.getElementById('montageprofil_ral').style.backgroundColor = farbe_lock;
        		}
        }
}

function lockactivate()
{
        for (var i=0;  i < lockactivate.arguments.length;  i++) {
        		if (lockactivate.arguments[i] == 'zus_absthalterlaenge') {
        				if (document.forms.markise.zus_absthalterlang.value * 1 == 0) {
                                document.getElementById('zus_absthalterlaenge').disabled = true;
                                document.getElementById('zus_absthalterlaenge').style.backgroundColor = farbe_lock;
                        } else {
                                document.getElementById('zus_absthalterlaenge').disabled = false;
                                document.getElementById('zus_absthalterlaenge').style.backgroundColor = '#FFFFFF';
                        }
        		}
        		if (lockactivate.arguments[i] == 'variovolant') {
                        if (document.forms.markise.volant[radioSelectedIndex(document.forms.markise.volant)].value*1 == 0) {
                        		document.getElementById('variovolant').checked = false;
                        		document.getElementById('variovolant').disabled = true;
                        } else {
                        		document.getElementById('variovolant').disabled = false;
                        };
        		}
        		if (lockactivate.arguments[i] == 'bedienung') {
                        if (document.forms.markise.bedienung[radioSelectedIndex(document.forms.markise.bedienung)].value*1 == 115) {	// BED_KURBEL
                        		document.getElementById('id_kurbellaenge').disabled = false;
                        		document.getElementById('id_kurbelfeder').disabled = false;
                        } else {
                        		document.getElementById('id_kurbellaenge').disabled = true;
                        		document.getElementById('id_kurbelfeder').disabled = true;
                        };
        		}

        		if (lockactivate.arguments[i] == 'volant_ohne') {
                        if (document.forms.markise.plus.checked == true) {
                        		document.getElementById('preis_show_v1').style.display = 'inline';
                        		document.getElementById('preis_show_v2').style.display = 'inline';
								document.getElementById('v0').style.display = 'block';
								document.getElementById('v_pic_0').style.display = 'block';
                        } else {
                        		if (document.getElementById('v0').checked == true) {
                        				document.getElementById('v1').checked = true
                        		}
                        		document.getElementById('preis_show_v1').style.display = 'none';
                        		document.getElementById('preis_show_v2').style.display = 'none';
								document.getElementById('v0').style.display = 'none';
								document.getElementById('v_pic_0').style.display = 'none';
                        };
        				if (document.getElementById('variovolant') != null) {		// falls Vario Volant vorhanden (Markise 2040, nicht 2050)
        						lockactivate('variovolant');
        				};
        		}

        }
}

// MouseOver-Texte

// var infos = ''
// + 'Klicken Sie hier f&uuml;r weitere Informationen zu diesem Produkt.';

var volant_1_large = '<img src="konfigurator/volants/1_gr.jpg" alt="Tuchfalle / Volant Nr. 1">';
var volant_2_large = '<img src="konfigurator/volants/2_gr.jpg" alt="Tuchfalle / Volant Nr. 2">';
var volant_3_large = '<img src="konfigurator/volants/3_gr.jpg" alt="Tuchfalle / Volant Nr. 3">';
var volant_4_large = '<img src="konfigurator/volants/4_gr.jpg" alt="Tuchfalle / Volant Nr. 4">';

var saum_00_large = '<img src="konfigurator/saeume/saum00_gr.jpg" alt="Saum Nr. 0">';
var saum_01_large = '<img src="konfigurator/saeume/saum01_gr.jpg" alt="Saum Nr. 1">';
var saum_02_large = '<img src="konfigurator/saeume/saum02_gr.jpg" alt="Saum Nr. 2">';
var saum_03_large = '<img src="konfigurator/saeume/saum03_gr.jpg" alt="Saum Nr. 3">';
var saum_04_large = '<img src="konfigurator/saeume/saum04_gr.jpg" alt="Saum Nr. 4">';
var saum_05_large = '<img src="konfigurator/saeume/saum05_gr.jpg" alt="Saum Nr. 5">';
var saum_06_large = '<img src="konfigurator/saeume/saum06_gr.jpg" alt="Saum Nr. 6">';
var saum_08_large = '<img src="konfigurator/saeume/saum08_gr.jpg" alt="Saum Nr. 8">';
var saum_10_large = '<img src="konfigurator/saeume/saum10_gr.jpg" alt="Saum Nr. 10">';
var saum_11_large = '<img src="konfigurator/saeume/saum11_gr.jpg" alt="Saum Nr. 11">';

var seite_bedienung = 'Seite der Bedienung: <b>von vorn/au&szlig;en gesehen</b>!';
var befestigung_2060_wandkonsolen = 'Die benötigte Mindestanzahl von Wandkonsolen ist bereits im Paket enthalten. Wenn Sie mehr benötigen, so können Sie diese zusätzlich gegen einen Aufpreis bestellen. Hinterlassen Sie dafür einfach eine Notiz im Sonderwunsch-Feld.';
var h_befestigung_dachsparren = 'Die Dachsparrenhalter verbinden Dachsparren mit den kombinierten Wand- / Deckenkonsolen';
var farbe_edelstahl = 'Gestellfarbe Edelstahloptik.<br>Konsolen Seitenteile und Kleinteile schwarz marmoriert.';
var info_montageprofil = 'Montageprofil B&nbsp;100&nbsp;x&nbsp;H&nbsp;40&nbsp;x&nbsp;3&nbsp;mm für Montage<br>mit einem seitlichen Überstand bis 600&nbsp;mm<br>maximale Profillänge 6000&nbsp;mm';
var wandhoehe_ausfall = 'Der Ausfall ist abhänigig von der Wandhöhe. Wählen Sie daher bitte zuerst die Wandhöhe.';
var h_kurbelfeder = 'Eine in der Tuchwelle innenliegende Feder unterstützt das Einkurbeln.';
var h_kurbellaenge = 'Die Kurbel sollte in etwa so lang sein, dass man bequem auf Bauchhöhe kurbeln kann.<br>Standard ist 1400 mm.';
var motor_zubehoer = 'Zubehör für Ihren Motor können Sie nach der Markisenkonfiguration extra in den Warenkorb legen.';
var tuchsaum = 'Alle angegebenen Saummaße von Vorderkante Stoff bis zur Naht gemessen.<br>Alle abgebildeten Säume bleiben seitlich offen, damit Befestigungsstäbe eingeschoben werden können.';
var tuch_masse = 'Bitte geben Sie hier nur die tatsächlichen Markisentuchmaße (keine Gestellmaße) ein.';
var h_tuchausfall = '<div align="center"><b>Beispiel Tuchausfall 90&deg; und 150&deg;</b></div><br><table><tr><td width="200" align="center"><img src="konfigurator/ta90_kl.gif" alt="Tuchausfall 190&deg;"></td><td width="200" align="center"><img src="konfigurator/ta150_kl.gif" alt="Tuchausfall 150&deg;"></td></tr></table>';
var h_spannstaender = 'Spannständer werden an Balkonen zwischen Fußboden und Decke gespannt und dienen als Befestigung der Markise<br><br><div align="center"><img src="konfigurator/spannstaender.gif" alt="Spannständer Erklärung"></div><br>';
var h_volant = 'Volant: Die vor der Markise herunterhängende Stoffbahn, die die evtl. sichtbare Armtechnik verdeckt und zusätzlich Schatten spendet. (Stoffabschluss)';
var h_ausfall = 'Hinweis: Das Markisentuch ist nur bei ausgefahrener Markise voll gespannt.';
var h_motor_hersteller = 'Die Rohrmotoren werden von der Firma &quot;Nice&quot;, Italiens führendem Hersteller für Markisenmotoren, hergestellt.';
var h_naehte = 'Bitte beachten: Die Volantnähte müssen nicht mit den Nähten des Markisentuches überein stimmen.';
var h_zwischengroessen = 'Für dieses Markisenmodell sind keine Zwischenmaße lieferbar. Für eine Maßanfertigung, wählen Sie ein beliebiges anderes Modell aus unserem Angebot.';

var preview_europe3000 =  '<img src="i/europe3000-2.jpg">';
var preview_europe2090 =  '<img src="i/europe2090-1.jpg">';
var preview_europe2060 =  '<img src="i/europe2060-1.jpg">';
var preview_europe2080 =  '<img src="i/europe2080-1.jpg">';
var preview_europe2040 =  '<img src="i/europe2040-1.jpg">';
var preview_europe2050 =  '<img src="i/europe2050-1.jpg">';
var preview_europe2010 =  '<img src="i/europe2010-1.jpg">';
var preview_europe2020 =  '<img src="i/europe2020-1.jpg">';
var preview_korbdana   =  '<img src="i/korb_dana-bsp-1.jpg">';
var preview_korbamerica = '<img src="i/korb_america-bsp-1.jpg">';
var preview_korbcatty  =  '<img src="i/korb_catty-bsp-1.jpg">';
var preview_korbserena =  '<img src="i/korb_serena-bsp-1.jpg">';
var preview_angebotsmarkise = '<img src="i/angebotsmarkise-1.jpg">';


var style1 = 'style="border: 1px solid black;"';
var style2 = 'style="border: 1px solid black; text-align: center;"';
var mass_text = 'Die Markise kann mit den Maßen, so wie sie jetzt angegeben sind, nicht hergestellt werden.<br><br>';
mass_text = mass_text + 'Folgende Maße sind bei diesem Modell möglich:<br>';

var masse_e2080 = mass_text;
masse_e2080 = masse_e2080 + '<table width="350" style="border-collapse: collapse; margin: 5px;"><tr>';
masse_e2080 = masse_e2080 + '<td ' + style1 + '>Ausfall</td><td ' + style2 + '>1600&nbsp;mm</td><td ' + style2 + '>2100&nbsp;mm</td><td ' + style2 + '>2500&nbsp;mm</td>';
masse_e2080 = masse_e2080 + '<tr></tr>';
masse_e2080 = masse_e2080 + '<td ' + style1 + '>Mindestmarkisenbreite<br>je Ausfall</td><td ' + style2 + '>1990&nbsp;mm</td><td ' + style2 + '>2450&nbsp;mm</td><td ' + style2 + '>2780&nbsp;mm</td>';
masse_e2080 = masse_e2080 + '</tr></table>';
var masse_e2060 = mass_text;
masse_e2060 = masse_e2060 + '<table width="550" style="border-collapse: collapse; margin: 5px;"><tr>';
masse_e2060 = masse_e2060 + '<td ' + style1 + '>Ausfall</td><td ' + style2 + '>1600&nbsp;mm</td><td ' + style2 + '>2100&nbsp;mm</td><td ' + style2 + '>2600&nbsp;mm</td><td ' + style2 + '>3100&nbsp;mm</td><td ' + style2 + '>3600&nbsp;mm</td><td ' + style2 + '>4100&nbsp;mm</td>';
masse_e2060 = masse_e2060 + '<tr></tr>';
masse_e2060 = masse_e2060 + '<td ' + style1 + '>Mindestmarkisenbreite<br>je Ausfall</td><td ' + style2 + '>2100&nbsp;mm</td><td ' + style2 + '>2600&nbsp;mm</td><td ' + style2 + '>3010&nbsp;mm</td><td ' + style2 + '>3600&nbsp;mm</td><td ' + style2 + '>4100&nbsp;mm</td><td ' + style2 + '>4600&nbsp;mm</td>';
masse_e2060 = masse_e2060 + '<tr></tr>';
masse_e2060 = masse_e2060 + '<td ' + style1 + '>Mindestmarkisenbreite<br>je Ausfall<br>bei Option Longline</td><td ' + style2 + '>1400&nbsp;mm</td><td ' + style2 + '>1650&nbsp;mm</td><td ' + style2 + '>1900&nbsp;mm</td><td ' + style2 + '>2150&nbsp;mm</td><td ' + style2 + '>2400&nbsp;mm</td><td ' + style2 + '>2650&nbsp;mm</td>';
masse_e2060 = masse_e2060 + '</tr></table>';
masse_e2060 = masse_e2060 + '<br>Wenn Sie dennoch Ihre Markise mit den aktuellen Maßen bestellen möchten, wählen Sie die Option &quot;Longline&quot;. Bei dieser Option werden die Markisenarme untereinander angeordnet.';
var masse_e2050 = mass_text;
masse_e2050 = masse_e2050 + '<table width="400" style="border-collapse: collapse; margin: 5px;"><tr>';
masse_e2050 = masse_e2050 + '<td ' + style1 + '>Ausfall</td><td ' + style2 + '>1600&nbsp;mm</td><td ' + style2 + '>2100&nbsp;mm</td><td ' + style2 + '>2600&nbsp;mm</td><td ' + style2 + '>3100&nbsp;mm</td>';
masse_e2050 = masse_e2050 + '<tr></tr>';
masse_e2050 = masse_e2050 + '<td ' + style1 + '>Mindestmarkisenbreite<br>je Ausfall</td><td ' + style2 + '>1900&nbsp;mm</td><td ' + style2 + '>2400&nbsp;mm</td><td ' + style2 + '>2900&nbsp;mm</td><td ' + style2 + '>3390&nbsp;mm</td>';
masse_e2050 = masse_e2050 + '</tr></table>';
var masse_e2040 = mass_text;
masse_e2040 = masse_e2040 + '<table width="470" style="border-collapse: collapse; margin: 5px;"><tr>';
masse_e2040 = masse_e2040 + '<td ' + style1 + '>Ausfall</td><td ' + style2 + '>1600&nbsp;mm</td><td ' + style2 + '>2100&nbsp;mm</td><td ' + style2 + '>2600&nbsp;mm</td><td ' + style2 + '>3100&nbsp;mm</td><td ' + style2 + '>3600&nbsp;mm</td><td ' + style2 + '>4100&nbsp;mm</td>';
masse_e2040 = masse_e2040 + '<tr></tr>';
masse_e2040 = masse_e2040 + '<td ' + style1 + '>Mindestmarkisenbreite<br>je Ausfall</td><td ' + style2 + '>2100&nbsp;mm</td><td ' + style2 + '>2600&nbsp;mm</td><td ' + style2 + '>3100&nbsp;mm</td><td ' + style2 + '>3600&nbsp;mm</td><td ' + style2 + '>4100&nbsp;mm</td><td ' + style2 + '>4600&nbsp;mm</td>';
masse_e2040 = masse_e2040 + '</tr></table>';
var masse_e2020 = mass_text;
masse_e2020 = masse_e2020 + '<table width="400" style="border-collapse: collapse; margin: 5px;"><tr>';
masse_e2020 = masse_e2020 + '<td ' + style1 + '>Ausfall</td><td ' + style2 + '>1600&nbsp;mm</td><td ' + style2 + '>2100&nbsp;mm</td><td ' + style2 + '>2600&nbsp;mm</td><td ' + style2 + '>3100&nbsp;mm</td>';
masse_e2020 = masse_e2020 + '<tr></tr>';
masse_e2020 = masse_e2020 + '<td ' + style1 + '>Mindestmarkisenbreite<br>je Ausfall</td><td ' + style2 + '>1890&nbsp;mm</td><td ' + style2 + '>2390&nbsp;mm</td><td ' + style2 + '>2890&nbsp;mm</td><td ' + style2 + '>3390&nbsp;mm</td>';
masse_e2020 = masse_e2020 + '</tr></table>';
var masse_e2010 = mass_text;
masse_e2010 = masse_e2010 + '<table width="470" style="border-collapse: collapse; margin: 5px;"><tr>';
masse_e2010 = masse_e2010 + '<td ' + style1 + '>Ausfall</td><td ' + style2 + '>1600&nbsp;mm</td><td ' + style2 + '>2100&nbsp;mm</td><td ' + style2 + '>2600&nbsp;mm</td><td ' + style2 + '>3100&nbsp;mm</td><td ' + style2 + '>3600&nbsp;mm</td>';
masse_e2010 = masse_e2010 + '<tr></tr>';
masse_e2010 = masse_e2010 + '<td ' + style1 + '>Mindestmarkisenbreite<br>je Ausfall</td><td ' + style2 + '>2050&nbsp;mm</td><td ' + style2 + '>2550&nbsp;mm</td><td ' + style2 + '>3150&nbsp;mm</td><td ' + style2 + '>3550&nbsp;mm</td><td ' + style2 + '>4050&nbsp;mm</td>';
masse_e2010 = masse_e2010 + '</tr></table>';

var breite_koppelbar_2010 = 'Anlage bis Breite 14.000mm koppelbar (= 14m). - Auf Anfrage!';
var breite_koppelbar_2040 = 'Anlage bis Breite 14.000mm (= 14m) mittels durchgehenden Tuch koppelbar. - Auf Anfrage!';
var breite_koppelbar_2060 = 'Anlage bis Breite 14.000mm (= 14m) mittels durchgehenden Tuch koppelbar. - Auf Anfrage!';
var breite_koppelbar_3000 = 'Anlage bis Breite 10.000mm koppelbar (= 10m). - Auf Anfrage!';

var h_mass2050 = 'Die <b>Breite</b> gibt die Gesamtbreite der Markise an.<br>Die Breite des Markisentuches ist je Seite um ca. 7,5cm geringer.<br><br><b>Ausfall:</b> Außenkante Markise bis Vorderkante Tuch';
var h_mass2040 = breite_koppelbar_2040 + '<br><br>Die <b>Breite</b> gibt die Gesamtbreite der Markise an.<br>Die Breite des Markisentuches ist je Seite um ca. 7,5cm geringer.<br><br><b>Ausfall:</b> Außenkante Markise bis Vorderkante Tuch';
var h_mass2080 = 'Die <b>Breite</b> gibt die Gesamtbreite der Markise an.<br>Die Breite des Markisentuches ist je Seite um ca. 7,5cm geringer.<br><br><b>Ausfall:</b> Außenkante Markise bis Vorderkante Tuch';
var h_mass2060 = breite_koppelbar_2060 + '<br><br>Die <b>Breite</b> gibt die Gesamtbreite der Markise an.<br>Die Breite des Markisentuches ist je Seite um ca. 7,5cm geringer.<br><br><b>Ausfall:</b> Außenkante Markise bis Vorderkante Tuch';
var h_massANGB = h_zwischengroessen + '<br><br><b>Ausfall:</b> Außenkante Markise bis Vorderkante Tuch<br><br>Die <b>Breite</b> gibt die Gesamtbreite der Markise an.<br>Die Breite des Markisentuches ist je Seite um ca. 7,5cm geringer.';
var h_mass2020 = 'Die <b>Breite</b> gibt die Gesamtbreite der Markise an.<br>Die Breite des Markisentuches ist je Seite um ca. 7,5cm geringer.<br><br><b>Ausfall:</b> Außenkante Markise bis Vorderkante Tuch';
var h_mass2010 = breite_koppelbar_2010 + '<br><br>Die <b>Breite</b> gibt die Gesamtbreite der Markise an.<br>Die Breite des Markisentuches ist je Seite um ca. 7,5cm geringer.<br><br><b>Ausfall:</b> Außenkante Markise bis Vorderkante Tuch';
var h_mass2090 = '<b>Ausfall</b> = Armlänge<br><br><b>Breite:</b> von Außenkante bis Außenkante<br>Die Breite gibt die Gesamtbreite der Markise an.<br>Die Breite des Markisentuches ist je Seite um ca. 7,5cm geringer.';
var h_mass3000 = breite_koppelbar_3000 + '<br><br><b>Breite:</b> von Außenkante bis Außenkante Markisengehäuse.<br><br><b>Ausfall:</b> Markisengehäuse bis Ende Seitenführungsschiene<br>Hinweis: Mitte der Halterungen für die Seitenführungsschienen sind um 7,5cm nach innen versetzt';

function showStoff(i) {
		return '<img src="' + verz_stoffe_gr + stoffe[i].pic + '.jpg" width="300" height="210" alt="Markisenstoff Detail">'
}


function warenkorb()
{
    if ( confirm( document.forms.markise.menge.value+" Stück des gewählten Artikels\nin den Warenkorb legen ?" ) )
    {
            if (document.forms.markise.notizen.value == 'Sonderwünsche / Hinweise')		// INIT_NOTIZEN von _konfig_markise.inc
                    {document.forms.markise.notizen.value = ''};
            document.forms.markise.submit();
    }
}