// JavaScript Document


//
//					***************************************************
//					* Linosoft technology Powered By Shirtsdotnet.com *
//					***************************************************
//








var xmlHttp
var xmlHttp_price
var xmlHttp_fab
var xmlHttp_tc
var xmlHttp_brande
var xmlHttp_contrast
var xmlHttp_mosk
var xmlHttp_mosk2


function change_brand(brandnr)
{
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request")
		return
	} 
	var url="colorpanel.ajax.asp"
	xmlHttp.onreadystatechange=stateChanged_fabric
	
	var str = "brandnr="+brandnr
	
	xmlHttp.open("POST",url,true);
	xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
	xmlHttp.send(str);
}

function stateChanged_fabric() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{
		document.getElementById("fabricpanel").innerHTML=xmlHttp.responseText;
		optionlist(1);
		change_price();
		shortcut_change_of_fabric("000000");
		
		//error brand
		xmlHttp_brande=GetXmlHttpObject()
		if (xmlHttp_brande==null)
		{
			alert ("Browser does not support HTTP Request")
			return
		} 
		var url="branderror.ajax.asp"
		xmlHttp_brande.onreadystatechange=stateChanged_brande
		
		var str = "nothing=nada"
		
		xmlHttp_brande.open("POST",url,true);
		xmlHttp_brande.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
		xmlHttp_brande.send(str);
		
		change_yoke("n");
		//change_contrast(); //if there are more brands that have a contrast, replace the function change_yoke by this one.
	} 
}

function change_contrast()
{
	xmlHttp_contrast=GetXmlHttpObject()
	if (xmlHttp_contrast==null)
	{
		alert ("Browser does not support HTTP Request")
		return
	} 
	var url="give_option_value.ajax.asp"
	xmlHttp_contrast.onreadystatechange=stateChanged_contrast
	
	var str = "nr=option62"
	
	xmlHttp_contrast.open("POST",url,true);
	xmlHttp_contrast.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
	xmlHttp_contrast.send(str);
}

function stateChanged_contrast() 
{ 
	if (xmlHttp_contrast.readyState==4 || xmlHttp_contrast.readyState=="complete")
	{
		optionnr = xmlHttp_contrast.responseText;
		if(optionnr != "")
		{
			change_yoke("y");
			window.location = window.location+"&ses62=y"
		}
		else
		{
			change_yoke("n");
		}
	}
}

function stateChanged_brande() 
{ 
	if (xmlHttp_brande.readyState==4 || xmlHttp_brande.readyState=="complete")
	{
		document.getElementById("error").innerHTML = xmlHttp_brande.responseText;
		errormessage();
	}
}

function change_price()
{
	xmlHttp_price=GetXmlHttpObject()
	if (xmlHttp_price==null)
	{
		alert ("Browser does not support HTTP Request")
		return
	} 
	var url="calculate_price.ajax.asp"
	xmlHttp_price.onreadystatechange=stateChanged_price
	
	str = "";	
		
	xmlHttp_price.open("POST",url,true);
	xmlHttp_price.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
	xmlHttp_price.send(str);	
}

function stateChanged_price() 
{ 
	if (xmlHttp_price.readyState==4 || xmlHttp_price.readyState=="complete")
	{
		var xmlDoc=xmlHttp_price.responseXML.documentElement;
		var price, oldprice;
		if(xmlDoc.getElementsByTagName("price")[0].hasChildNodes())
		{
			price = xmlDoc.getElementsByTagName("price")[0].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("oldprice")[0].hasChildNodes())
		{
			oldprice = xmlDoc.getElementsByTagName("oldprice")[0].childNodes[0].nodeValue;
		}
		document.getElementById("price").innerHTML = price;
		if(oldprice != price)
		{
			price_bg();
		}
	} 
}


function change_yoke(state)
{
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request")
		return
	} 
	
	var url="change_yoke.ajax.asp"
	xmlHttp.onreadystatechange=stateChanged_optionnr
	
	var str = "state="+state
	
	xmlHttp.open("POST",url,true);
	xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
	xmlHttp.send(str);
}

function change_option_nr(optionnr)
{
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request")
		return
	} 
	
	var url="change_shirt.ajax.asp"
	xmlHttp.onreadystatechange=stateChanged_optionnr
	
	var str = "optionnr="+optionnr
	
	xmlHttp.open("POST",url,true);
	xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
	xmlHttp.send(str);
}

function stateChanged_optionnr() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{
		var xmlDoc=xmlHttp.responseXML.documentElement;
		if(xmlDoc.getElementsByTagName("optiongroup")[0].hasChildNodes())
		{
		optiongroup = xmlDoc.getElementsByTagName("optiongroup")[0].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("optionnr")[0].hasChildNodes())
		{
			optionnr = xmlDoc.getElementsByTagName("optionnr")[0].childNodes[0].nodeValue;
		}
		optionname = xmlDoc.getElementsByTagName("optionname")[0].childNodes[0].nodeValue;
		if(optionname == "Contrast")
		{
			var text;
			text = window.location;
			text = text.toString();
			if(text.match("&ses62=y") == null)
			{
				if(text.match("p=") == null)
				{
					window.location = window.location+"?ses62=y";
				}
				else
				{
					window.location = window.location+"&ses62=y";
				}
			}
			else
			{
				window.location;
			}
		}
		else if(optionname == "No Contrast")
		{
			var text;
			text = window.location;
			text = text.toString();
			if(text.match("&ses62=y") == null)
			{
				
			}
			else
			{
				text = text.replace(/&ses62=y/, "");
				window.location = text;
			}
		}
		if(xmlDoc.getElementsByTagName("optiondescription")[0].hasChildNodes())
		{
			optiondescription = xmlDoc.getElementsByTagName("optiondescription")[0].childNodes[0].nodeValue;
		}
		else
		{
			optiondescription = "";
		}
		if(xmlDoc.getElementsByTagName("note")[0].hasChildNodes())
		{
			note = xmlDoc.getElementsByTagName("note")[0].childNodes[0].nodeValue;
		}
		else
		{
			note = ""
		}
		
		if(xmlDoc.getElementsByTagName("fab")[0].hasChildNodes())
		{
			fab = xmlDoc.getElementsByTagName("fab")[0].childNodes[0].nodeValue;
		}
		else
		{
			fab = ""
		}
		
		//here we can change the shirt
		change_shortcuts(optiongroup, optionnr, optionname, optiondescription, fab);
		if(optiongroup == "2")
		{
			if(optionnr == 20001 || optionnr == 20019 || optionnr == 20005)
			{
				enable_bones();
			}
			else
			{
				disable_bones();
			}
		}
		
		if(note == "sleeve")
	   {
		  	xmlHttp_mosk=GetXmlHttpObject()
			if (xmlHttp_mosk==null)
			{
				alert ("Browser does not support HTTP Request")
				return
			} 
			var url="give_option_value.ajax.asp"
			xmlHttp_mosk.onreadystatechange=stateChanged_mosk
			
			var str = "nr=option14"
			
			xmlHttp_mosk.open("POST",url,true);
			xmlHttp_mosk.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
			xmlHttp_mosk.send(str);
			
			
			xmlHttp_mosk2=GetXmlHttpObject()
			if (xmlHttp_mosk2==null)
			{
				alert ("Browser does not support HTTP Request")
				return
			} 
			var url="monogram_sleeve_error.ajax.asp"
			xmlHttp_mosk2.onreadystatechange=stateChanged_mosk2
			
			var str = "this=that"
			
			xmlHttp_mosk2.open("POST",url,true);
			xmlHttp_mosk2.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
			xmlHttp_mosk2.send(str);
			
	   }
	} 
}

function stateChanged_mosk2()
{
	if (xmlHttp_mosk2.readyState==4 || xmlHttp_mosk2.readyState=="complete")
	{
		mosk2 = xmlHttp_mosk2.responseText;
		document.getElementById("error").innerHTML = mosk2;
		errormessage();
	}
}


function stateChanged_mosk()
{
	if (xmlHttp_mosk.readyState==4 || xmlHttp_mosk.readyState=="complete")
	{
		mosk = xmlHttp_mosk.responseText;
		
		if(mosk == "140002")
		{
			mosk_t = "white";
			//mosk = monogram on shirt kleur
		}
		else
		{
			if(mosk == "140003")
			{
				mosk_t = "navy";
			}
			else
			{
				if(mosk == "140004")
				{
					mosk_t = "black";
				}
			}
		}
		
		
		place_mono_on_shirt("130001", mosk_t);
	}
}


function enable_bones()
{
	document.getElementById("bones").disabled = "";
}

function disable_bones()
{
	document.getElementById("bones").disabled = "disabled";
	document.getElementById("bones_none").selected = "selected";
}


function change_shortcuts(optiongroup, optionnr, optionname, optiondescription, fab)
{
	var shortcut, name;
	
	if(document.getElementById("shortcut_og"+optiongroup) != null)
	{
		shortcut = document.getElementById("shortcut_og"+optiongroup);
	}
	
	name = give_name(optiongroup);
	if(name != "default")
	{
		if(optiongroup != "6")
		{
			if(optionnr != "80000")
			{
				if(optiongroup == "1")
				{
					shortcut.src = "images_options/"+optionnr+"_right.jpg";
				}
				else
				{
					if(optiongroup == "3")
					{
						if(optionnr == "30006")
						{
							shortsleeve(fab);
						}
						else
						{
							longsleeve(fab);
							shortcut.src = "images_options/"+name+"_right_"+optionnr+"_"+fab+".jpg";
						}
					}
					else
					{
						shortcut.src = "images_options/"+name+"_right_"+optionnr+"_"+fab+".jpg";
					}
				}
			}
			else
			{
				shortcut.src = "images_options/"+name+"_right_"+optionnr+".gif";
			}
		}
		if(optiongroup != "1")
		{
			//shortcut.className = "shortcut_dark_active_"+name;
		}
		else
		{
			//shortcut.className = "shortcut_dark_active";
		}
	}
	else
	{
		
		if(optionnr == "000000")
		{
			shortcut.src = "images_options/yoke_right_"+fab+"_n.jpg";
		}
		else
		{
			shortcut.src = "images_options/yoke_right_"+fab+"_y.jpg";
		}
		
	}
	
	
	if(optiongroup == "1")
	{
		//update all the things that need to be updated with a change of fabric... and that's a lot!!!
		shortcut_change_of_fabric(optionnr);
	}
	
	if(optiongroup != "801")
	{
		var shortcuttxt = document.getElementById("shortcut_txt_og"+optiongroup);
	}
	else
	{
		var shortcuttxt = document.getElementById("shortcut_txt_ogSNIT");
	}
	shortcuttxt.innerHTML = optionname;
	if(optiondescription != "")
	{
		shortcuttxt.innerHTML += "<br />"+optiondescription;
	}
}

function place_mono_on_shirt(optplacenr, mosk)
{
	var mono_on_shirt, left, top;
	mono_on_shirt = document.getElementById("monogram_on_shirt");
	
	img = mono_on_shirt.getElementsByTagName("img")[0];
	
	img.src = "images_layout/monogram_"+mosk+"_on_shirt.gif";
	
	var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();

var text = BrowserDetect.browser + BrowserDetect.version;



	
		if(optplacenr == "130001")
		{
			if(BrowserDetect.browser == "Explorer")
			{
				if(BrowserDetect.version == "6")
				{
					left = 222;
					top = -634;
				}
				else
				{
					left = 222;
					top = -564;
				}
			}
			else
			{
				left = 222;
				top = -564;
			}
		}
		else
		{
			if(optplacenr == "130002")
			{
				if(BrowserDetect.browser == "Explorer")
				{
					if(BrowserDetect.version == "6")
					{
						left = 150;
						top = -530;
					}
					else
					{
						left = 150;
						top = -454;
					}
				}
				else
				{
					left = 150;
					top = -454;
				}
			}
			else
			{
				if(optplacenr == "130037")
				{
					if(BrowserDetect.browser == "Explorer")
					{
						if(BrowserDetect.version == "6")
						{
							left = 198;
							top = -469;
						}
						else
						{
							left = 198;
							top = -393;
						}
					}
					else
					{
						left = 198;
						top = -393;
					}
				}
			}
		}
	

	
	
	mono_on_shirt.style.display = "block";
	mono_on_shirt.style.left = left+"px";
	mono_on_shirt.style.top = top+"px";	
}

function shortsleeve(fab)
{
	document.getElementById("shortcut_10").style.visibility = "visible";
	document.getElementById("shortcut_4").style.visibility = "hidden";
	document.getElementById("shirtbackground").style.backgroundImage = "url(images_shirts/shirt_short_"+fab+".jpg)";
	window.location = "http://www.marksandspencer-madetomeasure.com/beta/features.asp?p=cf_p";
}


function longsleeve(fab)
{
	document.getElementById("shortcut_10").style.visibility = "hidden";
	document.getElementById("shortcut_4").style.visibility = "visible";
	document.getElementById("shirtbackground").style.backgroundImage = "url(images_shirts/shirt_long_"+fab+".jpg)";
	//  Deze regel zorgt voor een eventuele refresh  window.location = "http://www.marksandspencer-madetomeasure.com/features.asp?p=cf_p";
}


function shortcut_change_of_fabric(optionnr)
{
	if(optionnr == "000000")
	{
		xmlHttp_fab=GetXmlHttpObject()
		if (xmlHttp_fab==null)
		{
			alert ("Browser does not support HTTP Request")
			return
		} 
		var url="give_fabric_nr.ajax.asp"
		xmlHttp_fab.onreadystatechange=stateChanged_brand_fab
		
		var str = ""
		
		xmlHttp_fab.open("POST",url,true);
		xmlHttp_fab.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
		xmlHttp_fab.send(str);
	}
	else
	{
		doshortcut_change_of_fabric(optionnr)
	}
}

function stateChanged_brand_fab() 
{ 
	if (xmlHttp_fab.readyState==4 || xmlHttp_fab.readyState=="complete")
	{
		optionnr = xmlHttp_fab.responseText;
		doshortcut_change_of_fabric(optionnr);
		
	} 
}

function doshortcut_change_of_fabric(optionnr)
{
	document.getElementById("shortcut_og1").src = "images_options/"+optionnr+"_right.jpg";
	document.getElementById("shortcut_og11").src = "images_options/"+optionnr+"_right.jpg";
	
	
	
	xmlHttp_tc=GetXmlHttpObject()
	if (xmlHttp_tc==null)
	{
		alert ("Browser does not support HTTP Request")
		return
	} 
	var url="change_entire_shirt.ajax.asp"
	xmlHttp_tc.onreadystatechange=stateChanged_tc
	
	var str = ""
	
	xmlHttp_tc.open("POST",url,true);
	xmlHttp_tc.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
	xmlHttp_tc.send(str);
}


function stateChanged_tc() 
{ 
	if (xmlHttp_tc.readyState==4 || xmlHttp_tc.readyState=="complete")
	{
		var xmlDoc=xmlHttp_tc.responseXML.documentElement;
		if(xmlDoc.getElementsByTagName("option1")[0].hasChildNodes())
		{
			option1 = xmlDoc.getElementsByTagName("option1")[0].childNodes[0].nodeValue;
		}
		else
		{
			option1 = ""
		}
		if(xmlDoc.getElementsByTagName("option2")[0].hasChildNodes())
		{
			option2 = xmlDoc.getElementsByTagName("option2")[0].childNodes[0].nodeValue;
		}
		else
		{
			option2 = ""
		}
		if(xmlDoc.getElementsByTagName("option3")[0].hasChildNodes())
		{
			option3 = xmlDoc.getElementsByTagName("option3")[0].childNodes[0].nodeValue;
		}
		else
		{
			option3 = ""
		}
		if(xmlDoc.getElementsByTagName("option5")[0].hasChildNodes())
		{
			option5 = xmlDoc.getElementsByTagName("option5")[0].childNodes[0].nodeValue;
		}
		else
		{
			option5 = ""
		}
		if(xmlDoc.getElementsByTagName("option8")[0].hasChildNodes())
		{
			option8 = xmlDoc.getElementsByTagName("option8")[0].childNodes[0].nodeValue;
		}
		else
		{
			option8 = ""
		}
		if(xmlDoc.getElementsByTagName("option9")[0].hasChildNodes())
		{
			option9 = xmlDoc.getElementsByTagName("option9")[0].childNodes[0].nodeValue;
		}
		else
		{
			option9 = ""
		}
		if(xmlDoc.getElementsByTagName("option62")[0].hasChildNodes())
		{
			option62 = xmlDoc.getElementsByTagName("option62")[0].childNodes[0].nodeValue;
		}
		else
		{
			option62 = ""
		}
		if(xmlDoc.getElementsByTagName("fabname")[0].hasChildNodes())
		{
			fabname = xmlDoc.getElementsByTagName("fabname")[0].childNodes[0].nodeValue;
		}
		else
		{
			fabname = ""
		}
		if(xmlDoc.getElementsByTagName("fabdes")[0].hasChildNodes())
		{
			fabdes = xmlDoc.getElementsByTagName("fabdes")[0].childNodes[0].nodeValue;
		}
		else
		{
			fabdes = ""
		}
		
		if(xmlDoc.getElementsByTagName("fit")[0].hasChildNodes())
		{
			fit = xmlDoc.getElementsByTagName("fit")[0].childNodes[0].nodeValue;
		}
		else
		{
			fit = ""
		}
		
		document.getElementById("shortcut_ogSNIT").src = "images_options/fit_right_"+fit+"_"+option1+".jpg";
		document.getElementById("shortcut_og2").src = "images_options/"+give_name("2")+"_right_"+option2+"_"+option1+".jpg";
		document.getElementById("shortcut_og3").src = "images_options/"+give_name("3")+"_right_"+option3+"_"+option1+".jpg";
		if(option3 == "30006")
		{
			lengte = "short";
		}
		else
		{
			lengte = "long";
		}
		document.getElementById("shortcut_og5").src = "images_options/"+give_name("5")+"_right_"+option5+"_"+option1+".jpg";
		document.getElementById("shortcut_og9").src = "images_options/"+give_name("9")+"_right_"+option9+"_"+option1+".jpg";
		document.getElementById("shirtbackground").style.backgroundImage="url(images_shirts/shirt_"+lengte+"_"+option1+".jpg)";
		
		if(option8 == "80001")
		{
			document.getElementById("shortcut_og8").src = "images_options/pocket_right_"+option8+"_"+option1+".jpg";
		}
		else
		{
			document.getElementById("shortcut_og8").src = "images_options/pocket_right_80000.gif";
		}	
		
		if(option62 != "")
		{
			document.getElementById("shortcut_og6").src = "images_options/yoke_right_"+option1+"_y.jpg";
		}
		else
		{
			document.getElementById("shortcut_og6").src = "images_options/yoke_right_"+option1+"_n.jpg";
		}
		
		if(fabname != "")
		{
			document.getElementById("shortcut_txt_og1").innerHTML = fabname;
		}
	} 
}


function give_name(optiongroup)
{
	//these are the names used by the site, imaging; so not the display names, they are provided by the database, and thus can be different.
	switch (optiongroup)
	{
		case "1":
			return "";
			break;
		case "2":
			return "Collar";
			break;
		case "3":
			return "Cuff";
			break;
		case "5":
			return "Placket";
			break;
		case "8":
			return "Pocket";
			break;
		case "9":
			return "Hem";
			break;
		case "10":
			return "backyoke";
			break;
		case "SNIT":
			return "fit";
			break;
		default:
			return "default";
			break;
	}
}