// JavaScript Document

var image_set = ''

function Loading(id){
	top.document.getElementById(id).innerHTML = '<div class="loading"><img src="img/icon_spinner.gif" alt="" /></div>'
}

function moArticle(id, on){
	if(on){
		document.getElementById(id).className = 'bg_on'
		if(document.getElementById('btn_'+id).src.indexOf('_a.gif')==-1){
			document.getElementById('btn_'+id).src = document.getElementById('btn_'+id).src.replace('.gif','_o.gif')
		}
	}else{
		document.getElementById(id).className = 'bg'
		document.getElementById('btn_'+id).src = document.getElementById('btn_'+id).src.replace('_o.gif','.gif')
	}
}

function changeBtn(articleid){
	var obj = document.getElementById('btn_article_'+articleid)
	if(obj){
		if(obj.src.indexOf('_a.gif')==-1){
			obj.src=obj.src.replace('_o.gif','_a.gif')
		}
	}
}

function aspHtmlDecode(s) {
	// Functie op een string gecodeerd in asp met server.htmlencode te decoderen.
	// Versie 1.0 (07-03-2007)
	s = s.replace(/&lt;/g,"<");
	s = s.replace(/&gt;/g,">");
	s = s.replace(/&quot;/g,"\"");
	s = s.replace(/&amp;/g,"&");
	return s;
}

function GetHttpRequest() { // Functie die http_request vult met een XmlHttp object, geeft false terug als er een fout optreedt.
	var http_request = false;
	if (window.XMLHttpRequest) { // Mozilla, Safari, ...
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) {
			http_request.overrideMimeType('text/xml');
			// See note below about this line
		}
	} else if (window.ActiveXObject) { // IE
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}
	
	if (!http_request) {
		alert('Giving up :( Cannot create an XMLHTTP instance');
		return false;
	}
	return http_request
}

function GetAJAX(url, container, gets, values, debug) {
	var http_request = GetHttpRequest();
	if(!http_request) return false; // Kan geen ajax component aanmaken.

	Loading(container);
	url = _PROJECT_URL + 'xml/' + url + '?container='+ container + '&'
	for (i = 0; i < gets.length; i++) {
		if(i>0) url += '&';
		url += gets[i] +'='+ values[i];
	}
	if(debug) window.open(url)
	http_request.onreadystatechange = function() { GetAJAXResult(http_request,container); };
	http_request.open('GET', url, true);
	http_request.send(null);
}

function GetAJAXResult(http_request, container){
	if (http_request.readyState == 4)	{
		if (http_request.status == 200) {

			var content = http_request.responseText;
			if(container!='') {
				if(document.getElementById(container)) document.getElementById(container).innerHTML = content;
			}

		}
	}
}

function addArticle(articleId,qty){
	var http_request = GetHttpRequest();
	if(!http_request) return false; // Kan geen ajax component aanmaken.

	//specificaties
	var specs = ''
	var tmpid = ''
	if(document.getElementById('cont_specs')) {
		var inputSpecs = document.getElementById('cont_specs').getElementsByTagName('INPUT')
		for(var i=0;i<inputSpecs.length;i++){
			if(specs!='') specs = specs + ','
			specs = specs + inputSpecs[i].value + '='
			tmpid = inputSpecs[i].id.replace('specName','specsItemId')
			specs = specs + document.getElementById(tmpid).options[document.getElementById(tmpid).selectedIndex].value
		}
	}
	
	changeBtn(articleId);
	
	var url = ""
	url = _PROJECT_URL + "xml/shoppingcart.xml.asp?type=add&articleId=" + articleId + "&aantal=" + qty + "&specs=" + specs
	//window.open(url)
	http_request.onreadystatechange = function() { GetShoppingcartResult(http_request, 'container_shoppingcart'); };
	http_request.open('GET', url, true);
	http_request.send(null);
}

function initShoppingCart(container,debug){
	var http_request = GetHttpRequest();
	if(!http_request) return false; // Kan geen ajax component aanmaken.    
	var url = ""
	url = _PROJECT_URL + 'xml/shoppingcart.xml.asp?container='+ container
	
	if(debug){window.open(url)}
	http_request.onreadystatechange = function() { GetShoppingcartResult(http_request, container); };
	http_request.open('GET', url, true);
	http_request.send(null);
}

function GetShoppingcartResult(http_request, container) {
	if (http_request.readyState == 4) {
		if (http_request.status == 200) {

			var content = http_request.responseText;
			if(container!='') {
				if(document.getElementById(container)) document.getElementById(container).innerHTML = content;
			}

		}
	}
}

var specListObj
function GetSpecList(obj,articleId,specId,frontEndId,i){
	var http_request = GetHttpRequest();
	if(!http_request) return false; // Kan geen ajax component aanmaken.

	var specItemId2
	if (document.getElementById("specsItemId_"+i)){
  	specListObj = document.getElementById("specsItemId_"+i)
		specItemId2 = specListObj.options[specListObj.selectedIndex].value
	}else{
		specListObj = obj
	}
	url = _PROJECT_URL + "xml/GetSpecList.xml.asp?frontEndId="+frontEndId+"&articleId="+articleId+"&specId="+specId+"&specItemId="+obj.options[obj.selectedIndex].value+"&specItemId2="+specItemId2
	//window.open(url)
	http_request.onreadystatechange = function() { FillSpecList(http_request); };
	http_request.open('GET', url, true);
	http_request.send(null);
}

function FillSpecList(http_request){
	if (http_request.readyState == 4)	{
		if (http_request.status == 200) {
			var xmldoc = http_request.responseXML;
			var specOptionListLength = xmldoc.getElementsByTagName('spec').length
			var xmlItems = xmldoc.getElementsByTagName('spec')
			if (specOptionListLength>0){
				document.getElementById(specListObj.id).options.length = 0
				for (var i=0;i<specOptionListLength;i++){
					//if selected
					if(xmlItems[i].getElementsByTagName("checked")[0].childNodes[0].nodeValue == xmlItems[i].getElementsByTagName("id")[0].childNodes[0].nodeValue) {
						document.getElementById(specListObj.id).options[i] = new Option(xmlItems[i].getElementsByTagName("lable")[0].childNodes[0].nodeValue,xmlItems[i].getElementsByTagName("id")[0].childNodes[0].nodeValue, true, true)
					} else {
						document.getElementById(specListObj.id).options[i] = new Option(xmlItems[i].getElementsByTagName("lable")[0].childNodes[0].nodeValue,xmlItems[i].getElementsByTagName("id")[0].childNodes[0].nodeValue, true, false)
					}
				}
			}
			document.getElementById("xml_price").innerHTML='&euro; '+  xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('c_price')[0].childNodes[0].nodeValue
			//document.getElementById("price").value=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('price')[0].childNodes[0].nodeValue
			if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('image').length>0){
				document.getElementById("productImage1").src=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('image')[0].childNodes[0].nodeValue
			}
			if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue.length>10){
				document.getElementById("productImage1_large").value=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue
			}
		}
	}	
}

function GetSpecPrice(articleId,frontEndId,obj1,obj2){
	var http_request = GetHttpRequest();
	if(!http_request) return false; // Kan geen ajax component aanmaken.

	var specId_1
	if (document.getElementById(obj1)){
		specId_1 = document.getElementById(obj1).options[document.getElementById(obj1).selectedIndex].value
	}else{
		specId_1 = ""
	}
	var specId_2
	if (document.getElementById(obj2)){
		specId_2 = document.getElementById(obj2).options[document.getElementById(obj2).selectedIndex].value
	}else{
		specId_2 = ""
	}
	
	if (specId_1==""){
		specId_1=specId_2
		specId_2=""
	}
	url = _PROJECT_URL + "xml/GetSpecPrice.xml.asp?frontEndId="+frontEndId+"&articleId="+articleId+"&specId_1="+specId_1+"&specId_2="+specId_2
	//window.open(url)
	http_request.onreadystatechange = function() { FillSpecPrice(http_request); };
	http_request.open('GET', url, true);
	http_request.send(null);
}

function FillSpecPrice(http_request){
	if (http_request.readyState == 4)	{
		if (http_request.status == 200) {
			var xmldoc = http_request.responseXML;
			document.getElementById("xml_price").innerHTML='&euro; '+  xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('c_price')[0].childNodes[0].nodeValue
			//document.getElementById("price").value=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('price')[0].childNodes[0].nodeValue
			if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('image').length>0){
				document.getElementById("productImage1").src=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('image')[0].childNodes[0].nodeValue
			}
			if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue.length>10){
				document.getElementById("productImage1_large").value=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue
			}
		}
	}	
}