// Holyshirt Javascript Funktionen fuer Index Seite

function kein_text(side) {
	d = document.shirt;
	eval("d."+side+"text1.value=''");
	eval("d."+side+"text2.value=''");
	eval("d."+side+"text3.value=''");
	d.submit();
}

function text_display() {
	window.open('text_display.php','textdisplay','width=200, height=400, left=0, top=0, scrollbars=yes');
}

function groessen_display(side, line) {
	d =document.shirt;
	getElem("id", "dspgroessen").src = "dspgroessen.php?schrift="+eval("d."+side+"schrift"+line+".value")+"&fieldName="+side+"groesse"+line;
	id = "schriftgroessen";
	if (DOM || MS) {
		getElem("id",id,null).style.visibility = "visible";
	}
	if (NS) {
		getElem("id",id,null).visibility = "show";
	}
}

function motivfarben_display(side) {
	d =document.shirt;
	getElem("id", "dspmotivfarben").src = "dspmotivfarben.php?schrift="+eval("d."+side+"schrift"+line+".value")+"&fieldName="+side+"groesse"+line;
	id = "motivfarben";
	if (DOM || MS) {
		getElem("id",id,null).style.visibility = "visible";
	}
	if (NS) {
		getElem("id",id,null).visibility = "show";
	}
}

function pageaction(action, imageName, produktGroesse) {
	d = document.shirt;
	// pruefen text/motiv vorne und hinten
	if ((d.fronttext1.value != "" || d.fronttext2.value != "" || d.fronttext3.value != "" || action == "text2") && action != "motiv2") {
		set_class("text2", "navigationactive");
	} else {
		set_class("text2", "navigation");
	}
	if ((d.backtext1.value != "" || d.backtext2.value != "" || d.backtext3.value != "" || action == "text3") && action != "motiv3") {
		set_class("text3", "navigationactive");
	} else {
		set_class("text3", "navigation");
	}
	if ((d.frontmotivID.value != "" && d.frontmotivID.value != "0") || action == "motiv2") {
		set_class("motiv2", "navigationactive");
	} else {
		set_class("motiv2", "navigation");
	}
	if ((d.backmotivID.value != "" && d.backmotivID.value != "0") || action == "motiv3") {
		set_class("motiv3", "navigationactive");
	} else {
		set_class("motiv3", "navigation");
	}
	// pruefen ob Schritt1 angefordert wurde
	if (action == currentDisplay) {
		hideall();
		show("schritt1");
		return;
    }
	// Tshirts
	if (action == "tshirts") {
		d.target = "_top";
	    d.action = "?itemGroup=17";
		d.submit();
		return;
	}
	// Polos
	if (action == "polos") {
		d.target = "_top";
		d.action = "?itemGroup=16";
		d.submit();
		return;
	}
	// Sweatshirts
	if (action == "sweats") {
		d.target = "_top";
		d.action = "?itemGroup=12";
		d.submit();
		return;
	}
	// Trainingsjacken
	if (action == "trainingsjacken") {
		d.target = "_top";
		d.action = "?itemGroup=19";
		d.submit();
		return;
	}
	// Trainingsjacken
	if (action == "girlie") {
		d.target = "_top";
		d.action = "?itemGroup=47";
		d.submit();
		return;
	}
	// Text vorne anzeigen
	if (action == "text2") {
		d.side.value = "front";
		if (currentSide != "front" || (currentType != "text" && d.frontmotivID.value != "")) {
			d.frontmotivID.value = "";
			d.submit();
		}
		currentSide = "front";
		currentType = "text";
		hideall();
		show("fronttext");
		return;
	}
	// Motiv vorne anzeigen
	if (action == "motiv2") {
		d.side.value = "front";
		if (currentSide != "front" || (currentType != "motiv" && (d.fronttext1.value != "" || d.fronttext2.value != "" || d.fronttext3.value != ""))) {
			d.fronttext1.value = "";
		    d.fronttext2.value = "";
		    d.fronttext3.value = "";
			d.submit();
		}
		currentSide = "front";
		currentType = "motiv";
		hideall();
		getElem("id", "motivfront").src = "dspmotiv.php?side=front&PHPSESSID="+PHPSESSID;
		show("frontmotiv");
		return;
	}
	// Text hinten anzeigen
	if (action == "text3") {
		d.side.value = "back";
		if (currentSide != "back" || (currentType != "text" && d.backmotivID.value != "")) {
			d.backmotivID.value = "";
			d.submit();
		}
		currentSide = "back";
		currentType = "text";
		hideall();
		show("backtext");
		return;
	}
	// Motiv hinten anzeigen
	if (action == "motiv3") {
		d.side.value = "back";
		if (currentSide != "back" || (currentType != "motiv" && (d.backtext1.value != "" || d.backtext2.value != "" || d.backtext3.value != ""))) {
			d.backtext1.value = "";
		    d.backtext2.value = "";
		    d.backtext3.value = "";
			d.submit();
		}
		currentSide = "back";
		currentType = "motiv";
		hideall();
		getElem("id", "motivback").src = "dspmotiv.php?side=back&PHPSESSID="+PHPSESSID;
		show("backmotiv");
		return;
	}
	// Andere Groesse anzeigen
	if (action == "groesse") {
		for (i=0; i < document.images.length; i++) {
			// ermitteln aller Groessen Images
			var imgName = String(document.images[i].name);
			if (imgName.match("groesse") != "" && imgName.match("groesse") != null) {
				// pruefen ob image Objekt fuer diese Groesse vorhanden ist
				if (eval("window."+imgName)) {
					// finde aktuell markierte Groesse und setzte diese auf nicht markiert zurueck
					var imgSrc = String(eval(imgName+".src"));
					if (imgSrc.match("_a") != "" && imgSrc.match("_a") != null) {
						eval(imgName+".src=\""+imgSrc.replace("_a","")+"\"");
					    img_back(imgName);
					}
				}
			}
		}
		// hervorheben aktuelle Groesse
		eval(imageName+".src="+imageName+"a.src");
		img_back(imageName);
		d.produktGroesse.value = produktGroesse;
		d.submit();
		return;
	}
	// Andere Farbe anzeigen
	if (action == "farbe") {
		for (i=0; i < document.images.length; i++) {
			// ermitteln aller Farben Images
			var imgName = String(document.images[i].name);
			if (imgName.match("farbe") != "" && imgName.match("farbe") != null) {
				// pruefen ob image Objekt fuer diese Farbe vorhanden ist
				if (eval("window."+imgName)) {
					// finde aktuell markierte Farbe und setzte diese auf nicht markiert zurueck
					var imgSrc = String(eval(imgName+".src"));
					if (imgSrc.match("_a") != "" && imgSrc.match("_a") != null) {
						eval(imgName+".src=\""+imgSrc.replace("_a","")+"\"");
					    img_back(imgName);
					}
				}
			}
		}
		// hervorheben aktuelle Farbe
		eval(imageName+".src="+imageName+"a.src");
		img_back(imageName);
		d.item.value = imageName.replace("farbe","");
		//d.side.value = "front";
		d.submit();
		return;
	}
	// in den Warenkorb
	if (action == "korb") {
		d.submitForm.value = "basket";
		d.target = "_top";
		d.action = "index.php";
		d.submit();
		return;
	}
	if (action == "bestellung") {
		hideall();
		show("schritt5");
		return;
	}
}

function chk_rechnung () {
	d = document.shirt;
	// Fehlerpruefung
	if (d.vorname.value.length < 2) {
		alert(vornameError);
		d.vorname.focus();
		return;
	}
	if (d.nachname.value.length < 2) {
		alert(nachnameError);
		d.nachname.focus();
		return;
	}
	if (d.strasse.value.length < 2) {
		alert(strasseError);
		d.strasse.focus();
		return;
	}
	if (d.hausnummer.value.length < 1) {
		alert(hausnummerError);
		d.hausnummer.focus();
		return;
	}
	if (d.plz.value.length < 4) {
		alert(plzError);
		d.plz.focus();
		return;
	}
	if (d.stadt.value.length < 2) {
		alert(stadtError);
		d.stadt.focus();
		return;
	}
	var email = d.email.value.match(/([a-zA-Z_\-].+)@([a-zA-Z_\-].+)\.([a-zA-Z]{2,4})/);
	if (!email) {
		alert(emailError);
		d.email.focus();
		return;
	}
	// submit Seite
	d.target = "_top";
	d.action = "cart.php?PHPSESSID="+PHPSESSID;
	d.submit();
	return;
}

function hide (id) {
	if (DOM || MS) {
		getElem("id",id,null).style.visibility = "hidden";
		getElem("id",id,null).style.position = "absolute";
	}
	if (NS) {
		getElem("id",id,null).visibility = "hide";
		getElem("id",id,null).position = "absolute";
	}
}
function show (id) {
	if (DOM || MS) {
		getElem("id",id,null).style.visibility = "visible";
		getElem("id",id,null).style.position = "static";
	}
	if (NS) {
		getElem("id",id,null).visibility = "show";
		getElem("id",id,null).position = "relative";
	}
}
function hideall() {
	hide("schritt1");
	hide("schritt5");
	hide("fronttext");
	hide("frontmotiv");
	hide("backtext");
	hide("backmotiv");
}
// Initialisieren Anzeige
function init_display(step) {
	if (step == "1") {
		pageaction("motiv2");
		show("schritt1");
	}
	if (step == "2") {
		pageaction("motiv2");
	}
	if (step == "3") {
		pageaction("motiv3");
	}
	if (step == "5") {
		show("schritt5");
	}
}

function select_motiv(motivID, side) {
	d = document.shirt;
	if (side == "front") {
	    d.frontmotivID.value = motivID;
	} else {
		d.backmotivID.value = motivID;
	}
	d.submit();
}

function set_class(elementName, className) {
	getElem("id",elementName).className = className;
	return;
}

function druck_vorne(side) {
	d = document.shirt;
	if (side == d.fronttextalign.value) return;
	
	var rechts = "images/rechts.gif";
	var mitte = "images/mitte.gif";
	var links = "images/links.gif";
	if (side == "right") {
		d.fronttextalign.value = "right";
		rechts = rechts.replace(".gif", "_a.gif");
	}
	if (side == "center") {
		d.fronttextalign.value = "center";
		mitte = mitte.replace(".gif", "_a.gif");
	}
	if (side == "left") {
		d.fronttextalign.value = "left";
		links = links.replace(".gif", "_a.gif");
	}
	
	if (getElem("id","vornerechts").src != rechts) {
		getElem("id","vornerechts").src = rechts;
	}
	if (getElem("id","vornemitte").src != mitte) {
		getElem("id","vornemitte").src = mitte;
	}
	if (getElem("id","vornelinks").src != links) {
		getElem("id","vornelinks").src = links;
	}
	d.submit();
}

function druck_hinten(side) {
	d = document.shirt;
	if (side == d.backtextalign.value) return;
	
	var mitte = "images/mitte_rs.gif";
	var kragen = "images/kragen_rs.gif";
	if (side == "center") {
		d.backtextalign.value = "center";
		mitte = mitte.replace(".gif", "_a.gif");
	}
	if (side == "top") {
		d.backtextalign.value = "top";
		kragen = kragen.replace(".gif", "_a.gif");
	}
	
	if (getElem("id","hintenmitte").src != mitte) {
		getElem("id","hintenmitte").src = mitte;
	}
	if (getElem("id","hintenkragen").src != kragen) {
		getElem("id","hintenkragen").src = kragen;
	}
	d.submit();
}