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 entfUngZeichen (zk)
{
		var ergebnis;
		ergebnis = '';
		var chr;
		for(var i=0; i < zk.length; i++) {
            chr = zk.charAt(i) + '';
            if  ( (chr>="0") & (chr<="9") )
            { ergebnis = ergebnis + chr; };
        }
		return ergebnis;
}

function wahl_form (element)
{
		document.getElementById(element).checked = true;
		rechne();
}




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.sonnensegel.farbe.length;i++) {
                if (document.forms.sonnensegel.farbe[i].checked == false) {
                		alle = false;
                		break;
                }
        }
        document.getElementById('farbe_alle').checked = alle;
		alle = true;
        for (i = 0; i < document.forms.sonnensegel.gruppe.length;i++) {
                if (document.forms.sonnensegel.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).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="javascript:this.className=\'lig\';" onMouseout="javascript:this.className=\'lig\';" onClick="javascript:selectStoff(' + i + ',\'' + stil + '\'); rechne();"><a name="stoff">&nbsp;</a>';
		                    } else {
		                            tabelle = tabelle + '<td align="center" width="50%" id="stoff_' + i + '" class="' + stil + '" onMouseover="javascript:this.className=\'lih\';" onMouseout="javascript:this.className=\'' + stil + '\';" onClick="javascript:selectStoff(' + i + ',\'' + stil + '\'); rechne();">';
		                    };
		                    tabelle = tabelle + '<img width="80" height="60" 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.sonnensegel.farbe.length;i++) {
								document.forms.sonnensegel.farbe[i].checked = false;
						}
				} else {
						for (i = 0; i < document.forms.sonnensegel.farbe.length;i++) {
								document.forms.sonnensegel.farbe[i].checked = true;
						}
				}
		} else if (eigenschaft == 'gruppe') {
				if (document.getElementById('gruppe_alle').checked == false) {
						for (i = 0; i < document.forms.sonnensegel.gruppe.length;i++) {
								document.forms.sonnensegel.gruppe[i].checked = false;
						}
				} else {
						for (i = 0; i < document.forms.sonnensegel.gruppe.length;i++) {
								document.forms.sonnensegel.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 = stoff_detail_bild + '<span style="font-weight: bold; font-size: 11px;">' + stoffe[i].bez + '</span><br>';
		stoff_detail_bild = stoff_detail_bild + '<a href="konfigurator/show_pic_so.asp?src=' + verz_stoffe_gr + stoffe[i].pic + '.jpg" target="_blank" onclick="javascript:window.open(\'konfigurator/show_pic_so.asp?src=' + verz_stoffe_gr + stoffe[i].pic + '.jpg\',\'\',\'width=300, height=225, scrollbars=no,status=no\');return false;">';
		stoff_detail_bild = stoff_detail_bild + '<img src="' + verz_stoffe_mi + stoffe[i].pic + '.jpg" width="200" height="150" border="0" alt="gewählter Stoff">';
		stoff_detail_bild = 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.sonnensegel.md_dessin.value = stoffe[i].dessin;

		gewaehlterStoff = i;
}


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


function warenkorb()
{
	if (document.getElementById("einzelpreis").innerHTML == '0' || document.getElementById("einzelpreis").innerHTML == 0) {
			alert('Das Sonnensegel kann so nicht hergestellt werden. Überprüfen Sie evtl. die Maße!');
	} else {
            var ok;
            ok = confirm( document.forms.sonnensegel.menge.value+" Stück des gewählten Artikels\nin den Warenkorb legen ?" );
            if ( ok )
            {
                    if (document.forms.sonnensegel.notizen.value == 'Sonderwünsche / Hinweise')     // INIT_NOTIZEN von _konfig_markise.inc
                            {document.forms.sonnensegel.notizen.value = ''};
                    document.forms.sonnensegel.submit();
            }
    }
}