<!--
//############################################################################################
// extra fuer spiluttini - cookies, forms, etc.
function saveForm() {
        var order = new String(getCookie("SPILORDER"));
        var elnam = new String();
        for (var i = 0; i < document.form.elements.length; i++){
                elnam = document.form.elements[i].name;
                if (elnam.indexOf("BT_") != "0"){
                        order = delItem(order, document.form.elements[i]);
                }       
        }
        for (var i = 0; i < document.form.elements.length; i++){
                elnam = document.form.elements[i].name;
                if (elnam.indexOf("BT_") != "0"){
                        order = addItem(order, document.form.elements[i]);
                }       
        }
        setCookie("SPILORDER", order);
        return null;
}

function loadForm() {
// Initialisiert das Formular
        var elnam = new String();
        var order = new String(getCookie("SPILORDER"));
        for (var i = 0; i < document.form.elements.length; i++){
                elnam = document.form.elements[i].name;
                if (elnam.indexOf("BT_") != "0"){
                        document.form.elements[i].checked = getQty(order, document.form.elements[i].name);
                }       
        }
        return null;
}

function addItem(str, item2add) {
// Fuegt der Zeichenkette str den Schluessel item2add und den Wert zu
        var ival = new String (item2add.checked);
//      str = delItem(str, item2add.name);
        if ((item2add.name!= "") && (ival == "true")) { str = str + item2add.name + ":" + ival + ";"}
        return str;
}

function delItem(str, item2delete) {
// Loescht aus der Zeichenkette str vom Schluessel item2delete bis zum naechsten Semikolon
        name2delete = item2delete.name + ":";
        delbgn = str.indexOf(name2delete);
        if (delbgn < 0) { return str; } // Schluessel nicht gefunden
        else {
                delend = str.indexOf(";", delbgn) + 1;
                return str.substring (0, delbgn) + str.substring (delend, str.length);
        }
}

function getQty(str, name2evaluate) {
// Ermittelt aus der Zeichenkette str den Wert zwischen Schluessel item2delete und dem naechsten Semikolon
        var objnam = new String(name2evaluate + ":");
        var delbgn = str.indexOf(objnam);
        if (delbgn < 0) { return false; }
        else {
                var varbgn = delbgn + objnam.length;
                varend = str.indexOf(";", delbgn);
                return str.substring (varbgn, varend);
        }
}

function setCookie (coknam, value, expires) {
        if (!expires) { 
                expires = new Date();
                expires.setTime (expires.getTime() + (1000 * 60 * 60 * 24 * 31));
        }
        document.cookie = coknam + "=" + escape (value) + "; expires=" + expires.toGMTString() +  "; path=/";
        return null;
}

function getCookie (coknam) {
        var doccok = document.cookie; 
        coknam = coknam + "=";
        var coklen = doccok.length;
        var cokbgn = 0;
        while (cokbgn < coklen) {
                var varbgn = cokbgn + coknam.length;
                if (doccok.substring(cokbgn, varbgn) == coknam) { 
                var varend = doccok.indexOf (";", varbgn);
                if (varend == -1) varend = coklen;
                return unescape(doccok.substring(varbgn, varend));
        }
        cokbgn = doccok.indexOf(" ", cokbgn) + 1;
        if (cokbgn == 0) break;
        }
        return "";
}

function delCookie (coknam) {
        document.cookie = coknam + "=" + "; expires=Thu, 01-Jan-70 00:00:00 GMT" +  "; path=/";
        return null;
}


function fillme(what) {
// Fuellt die Fotolist
        var elnam = new String();
        var order = new String(getCookie("SPILORDER"));
	fotoarray = order.split(';');
	var j=0;
	if (!what) {what="CHECKBOX"}
	if (0 == fotoarray.length) {
		document.write("<TR><TD BGCOLOR='#CCCCCC' COLSPAN=6>Keine Fotos im Warenkorb</TD></TR>");
	} else {
	for (var i=0;i < fotoarray.length; i++) {
		if (j>=6) {
			document.write("</TR>\n<TR align=center valign=top bgcolor='#CCCCCC'>");
			j=0;
		}
		foto = fotoarray[i].split(':',2);
		re = /\//;
		file = foto[0].replace(re,"-");
		file = file.toLowerCase();
		if (foto[0]!="") {
			document.write("<td align=center width=106>\n<font size=-2 >\n"+foto[0].toUpperCase()+"<INPUT TYPE=\""+what+"\" NAME='"+foto[0].toUpperCase()+"'><BR>\n");
			document.write("<a href='javascript:info1(\"../katalog/"+file+".htm\")' onMouseOver=\"self.status='Bild "+foto[0].toUpperCase()+" vergrössern';return true\">");
			document.write("<IMG SRC='../pics/small/"+file+"_small.jpg' vspace=3 hspace=1 border=0 alt=' '></a>");
			document.write("</FONT>\n</TD>\n");
			j++;
		}
	}
	}
	for (i=j;j>0 && i<6;i++) {
		document.write("<td align=center width=106>\n<font size=-2>\n&nbsp;\n</font>\n</td>\n");
	}
}

function fillme_new(lang,step,what) {
switch (lang) {
	case "en": 
                var langdir = "e";
		var html_keine_bilder="No images were selected.";	// Text bei keinen ausgewaehlten bildern
	
		var status_vor_bild_vergroessern="Enlarge picture";		// Statuszeile bei bild onMouseOver
		var status_nach_bild_vergroessern="";

		switch(step) {
			case 2:
				var alt_bestellschritt_2="Shopping step 2";			// alt text fuer das bestellschritt2 gif
				var order_step_gif="../pics/tech/order_step_2a_e.gif";		// der gif filename
				var status_bestellschritt_2="Please fill out the order form";	// Statuszeile bei bild bestellschrit2
				break;
			case 3:
				var alt_bestellschritt_3="Shopping step 3";			// alt text fuer das bestellschritt3 gif
				var order_step_gif="../pics/tech/order_step_3a_e.gif";		// der gif filename
				var status_bestellschritt_2="Check your data and send order";	// Statuszeile bei bild bestellschrit2
				break;
		}
      		break;
	case "de": 
                var langdir = "d";

		var html_keine_bilder="Sie haben keine Bilder ausgew&auml;hlt!";			// Text bei keinen ausgewaehlten bildern
	
		var status_vor_bild_vergroessern="Bild";						// Statuszeile bei bild onMouseOver
		var status_nach_bild_vergroessern="vergr&ouml;ssern";

		switch(step) {
			case 2:
				var alt_bestellschritt_2="Bestellschritt 2";						// alt text fuer das bestellschritt2 gif
				var order_step_gif="../pics/tech/order_step_2a.gif";					// der gif filename
				var status_bestellschritt_2="... bitte f&uuml;llen Sie das Bestellformular aus";	// Statuszeile bei bild bestellschrit3
				break;
			case 3:
				var alt_bestellschritt_3="Bestellschritt 3";						// alt text fuer das bestellschritt3 gif
				var order_step_gif="../pics/tech/order_step_3a.gif";					// der gif filename
				var status_bestellschritt_3="Überprüfen Sie Ihre Daten. Jetzt können Sie Ihre...";	// Statuszeile bei bild bestellschrit3
				break;
		}

      		break;
	case "jp": 
		var html_keine_bilder="Sie haben keine Bilder ausgew&auml;hlt!";			// Text bei keinen ausgewaehlten bildern
	
		var status_vor_bild_vergroessern="Bild";						// Statuszeile bei bild onMouseOver
		var status_nach_bild_vergroessern="vergr&ouml;ssern";

		var alt_bestellschritt_3="Bestellschritt 2";						// alt text fuer das bestellschritt2 gif
		var order_step_3a_gif="../pics/tech/order_step_3a.gif";					// der gif filename
		var status_bestellschritt_2="... bitte f&uuml;llen Sie das Bestellformular aus";	// Statuszeile bei bild bestellschrit2

      		break;
}
// Fuellt die Fotolist
        var elnam = new String();
        var order = new String(getCookie("SPILORDER"));
	fotoarray = order.split(';');
// IE gibt bei split dem array auch noch \0 als letztes feld mit - netscape nicht - difference!!!
	if ("" == (fotoarray[fotoarray.length-1])) {fotoarray.length--}
	var j=0;
	if (!what) {what="CHECKBOX"}
	if (0 == fotoarray.length) {
		document.write("<TD COLSPAN=9 class='nopic'>"+html_keine_bilder+"</TD></TR><TR>");
	} else {
// +1 deshalb, weil wir ja das shopping basket gif setzen wollen
	for (var i=0;i < fotoarray.length+1; i++) {
		if (j>=5) {
			document.write('\n\n</TR>\n');
			document.write('<tr valign="top">\n');
    			document.write('<td width="108" height="10"><img src="../pics/tech/leer.gif" border="0" width="108" height="1"></td>\n');
        		document.write('<td width="10" height="10"><img src="../pics/tech/leer.gif" border="0" width="10" height="1"></td>\n');
    			document.write('<td width="108" height="10"><img src="../pics/tech/leer.gif" border="0" width="108" height="1"></td>\n');
        		document.write('<td width="10" height="10"><img src="../pics/tech/leer.gif" border="0" width="10" height="1"></td>\n');
    			document.write('<td width="108" height="10"><img src="../pics/tech/leer.gif" border="0" width="108" height="1"></td>\n');
        		document.write('<td width="10" height="10"><img src="../pics/tech/leer.gif" border="0" width="10" height="1"></td>\n');
        		document.write('<td width="108" height="10"><img src="../pics/tech/leer.gif" border="0" width="108" height="1"></td>\n');
        		document.write('<td width="10" height="10"><img src="../pics/tech/leer.gif" border="0" width="10" height="1"></td>\n');
        		document.write('<td width="108" height="10"><img src="../pics/tech/leer.gif" border="0" width="108" height="1"></td>\n');
  			document.write('</tr>\n');
			document.write('\n<TR valign=top>\n');		
			j=0;
		}
		if (i == fotoarray.length) {
			document.write('<td height="112" width="108" bgcolor="#ffffff" align="center"><a href="#orderform" onMouseOver="self.status=\''+status_bestellschritt_2+'\';return true" onMouseOut="self.status=\'\';return true">');
			document.write('<img src="'+order_step_gif+'" border="0" height="108" width="108" alt="'+alt_bestellschritt_2+'"></A></td>');
			j++;
		} else {
			foto = fotoarray[i].split(':',2);
			re = /\//;
			file = foto[0].replace(re,"-");
			file = file.toLowerCase();
			if (foto[0]!="") {
				document.write("<td height='112' width='108' bgcolor='#eeeeee' align='center' class='bildnummer'>\n"+foto[0].toUpperCase()+"<INPUT TYPE=\""+what+"\" NAME='"+foto[0].toUpperCase()+"' class='bildnummer'><BR>\n");
				document.write("<a href='javascript:open_win(\"../"+langdir+"/"+file+".htm\",\"popumpwin1\",294,400,\"toolbar=no,status=no,scrollbars=yes\")' onMouseOver=\"self.status='"+status_vor_bild_vergroessern+" "+foto[0].toUpperCase()+" "+status_nach_bild_vergroessern+"';return true\" onMouseOut=\"self.status='';return true\">");
				document.write("<IMG SRC='../pics/small/"+file+"_small.jpg' vspace=3 hspace=1 border=0 alt=' '></a>");
				document.write("</TD>\n");
				j++;
			}
		}
		if (j<5) {
        		document.write('<td width="10" height="10"><img src="../pics/tech/leer.gif" border="0" width="10" height="1"></td>\n');
		}

	}
	}
	for (i=j;j>0 && i<4;i++) {
        	document.write('<td width="108" height="10"><img src="../pics/tech/leer.gif" border="0" width="108" height="1"></td>\n');
        	document.write('<td width="10" height="10"><img src="../pics/tech/leer.gif" border="0" width="10" height="1"></td>\n');
	}
	if (j<5) {
        	document.write('<td width="108" height="10"><img src="../pics/tech/leer.gif" border="0" width="108" height="1"></td>\n');
	}
}



function checkTextObj(textobj, minlen) {
        var str = new String(textobj.value);
       if (textobj.name.indexOf("email") >= 0) {
                if ((str.indexOf("@") < 1) || (str.lastIndexOf(".") < str.lastIndexOf("@"))) return (-2);
        }
        if (str.length < minlen) return (-1);
        return 0;
}

function checkUserData(what,lang) {
	if (what.indexOf("sendOrder")<0) {
        err = checkTextObj(document.form.h_name, 2);
        if (err < 0) { alert ("Bitte überprüfen Sie Ihren Namen. Please verify your name."); return;}
        err = checkTextObj(document.form.h_adr, 5);
        if (err < 0) { alert ("Bitte geben Sie Ihre Adresse ein. Please enter your address."); return;}
        err = checkTextObj(document.form.h_ort, 2);
        if (err < 0) { alert ("Bitte geben Sie Ihren Ort ein. Please enter a city."); return;}
        err = checkTextObj(document.form.h_email, 6);
        if (err == -1) { alert("Bitte geben Sie Ihre e-Mail-Adresse ein. Please enter your email address."); return;}
        if (err == -2) { alert("Ueberpruefen Sie bitte Ihre e-Mail-Adresse. Please verify your email address."); return;}
        err = checkTextObj(document.form.h_plz, 4);
        if (err < 0) { alert ("Bitte geben Sie Ihre Postleitzahl ein. Please enter a zip code."); return;}
        err = document.form.h_cntry.selectedIndex.value<2?-1:0;
        if (err < 0) { alert ("Bitte waehlen Sie Ihr Land. Please enter a country."); return;}
        err = document.form.h_bildvw.selectedIndex<2?-1:0;
        if (err < 0) { alert ("Bitte waehlen Sie einen Verwendungszweck. Please specify 'use of images'."); return;}
        err = document.form.h_versan.selectedIndex<2?-1:0;
        if (err < 0) { alert ("Bitte waehlen Sie eine Versandart. Please select a shipping method."); return;}
        saveUserData();
	}
	var bestdat = new String (getCookie("SPILORDER"));
	if (bestdat.length < 5) { alert("Sie haben keine Bilder ausgewaehlt. No images were selected."); return;}
        window.location = 'http://www.spiluttini.com/cgi-bin/spiluttini.pl?'+what+':'+lang;
        return;
}

function saveUserData() {
        var usrdat = new String( escape(document.form.h_name.value) + ";");
        usrdat += escape(document.form.h_email.value) + ";";
        usrdat += escape(document.form.h_tel.value) + ";";
        usrdat += escape(document.form.h_adr.value) + ";";
        usrdat += escape(document.form.h_plz.value) + ";";
        usrdat += escape(document.form.h_ort.value) + ";";
        usrdat += escape(document.form.h_cntry.options[document.form.h_cntry.selectedIndex].value) + ";";
        usrdat += escape(document.form.h_bildvw.options[document.form.h_bildvw.selectedIndex].value) + ";";
        usrdat += escape(document.form.h_versan.options[document.form.h_versan.selectedIndex].value) + ";";
        usrdat += escape(document.form.h_anmerk.value) + ";";
        setCookie("SPILMAN", usrdat);
        return null;
}

function loadUserData() {
        var usrdat = new String (getCookie("SPILMAN"));
        if (usrdat.length > 9) {
                var varbgn = 0;
                var varend = usrdat.indexOf (";");
                document.form.h_name.value = unescape(usrdat.substring(varbgn, varend));
                varbgn = varend + 1;
                varend = usrdat.indexOf (";", varbgn);
                document.form.h_email.value = unescape(usrdat.substring(varbgn, varend));
                varbgn = varend + 1;
                varend = usrdat.indexOf (";", varbgn);
                document.form.h_tel.value = unescape(usrdat.substring(varbgn, varend));
                varbgn = varend + 1;
                varend = usrdat.indexOf (";", varbgn);
                document.form.h_adr.value = unescape(usrdat.substring(varbgn, varend));
                varbgn = varend + 1;
                varend = usrdat.indexOf (";", varbgn);
                document.form.h_plz.value = unescape(usrdat.substring(varbgn, varend));
                varbgn = varend + 1;
                varend = usrdat.indexOf (";", varbgn);
                document.form.h_ort.value = unescape(usrdat.substring(varbgn, varend));
                varbgn = varend + 1;
                varend = usrdat.indexOf (";", varbgn);
                cntry  = unescape(usrdat.substring(varbgn, varend));
		for (i=document.form.h_cntry.length-1;i>=0;i--) {if(document.form.h_cntry.options[i].value.indexOf(cntry)==0) {document.form.h_cntry.selectedIndex=i}}
                varbgn = varend + 1;
                varend = usrdat.indexOf (";", varbgn);
		bildvw = unescape(usrdat.substring(varbgn,varend));
		for (i=document.form.h_bildvw.length-1;i>=0;i--) {if(document.form.h_bildvw.options[i].value.indexOf(bildvw)==0) {document.form.h_bildvw.selectedIndex=i}}
                varbgn = varend + 1;
                varend = usrdat.indexOf (";", varbgn);
		versan = unescape(usrdat.substring(varbgn,varend));
		for (i=document.form.h_versan.length-1;i>=0;i--) {if(document.form.h_versan.options[i].value.indexOf(versan)==0) {document.form.h_versan.selectedIndex=i}}
                varbgn = varend + 1;
                varend = usrdat.indexOf (";", varbgn);
                anmerk = unescape(usrdat.substring(varbgn, varend));
		document.form.h_anmerk.value = anmerk;
        }
        return null;
}

// -->
