// 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 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 = '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;
			}

		}
	}
}

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

	var specItemId2 = ''
	if (document.getElementById("specsItemId_"+ articleId +"_"+i)){
  	specListObj = document.getElementById("specsItemId_"+ articleId +"_"+i)
		specItemId2 = specListObj.options[specListObj.selectedIndex].value
	}else{
		specListObj = obj
	}
	if (isMain){
		updateFlashData(PROJECT_URL + "xml/getImages.xml.asp?articleId="+articleId+"&specId="+specId+"&specItemId="+obj.options[obj.selectedIndex].value+"&specItemId2="+specItemId2,articleId);
	}
	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,articleId); };
	http_request.open('GET', url, true);
	http_request.send(null);
}

function FillSpecList(http_request,articleId){
	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)
					}
				}
			}

//			resetImagePositions(articleId);
			if (xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('code')[0]){
				document.getElementById("articlecode"+ articleId).innerHTML=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('code')[0].childNodes[0].nodeValue
			}

			if(document.getElementById("xml_price_"+ articleId)){ //voor de gerelateerde artikelen
				document.getElementById("xml_price_"+ articleId).innerHTML=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('c_price')[0].childNodes[0].nodeValue
				if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('image').length>0){
					var bgImage = xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('image')[0].childNodes[0].nodeValue;
					//document.getElementById("productImage1_"+articleId).src = xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('image')[0].childNodes[0].nodeValue
					document.getElementById('productImage1_'+articleId).style.backgroundImage = 'url("' + bgImage + '")';
				}
			}else{
				document.getElementById("xml_price").innerHTML=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('c_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
					$("#imageBig").find("img").attr('src',xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageExtra')[0].childNodes[0].nodeValue);
				}
				if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue.length>10){
					document.getElementById("productImage1_large").src=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue
					if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('image')[0].childNodes[0].nodeValue.length>10 && document.getElementById("productImage1_thumb")){
						document.getElementById("productImage1_thumb").src=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('image')[0].childNodes[0].nodeValue
						if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBigger')[0].childNodes[0].nodeValue.length>10){
							document.getElementById("productImage1_link").rel=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBigger')[0].childNodes[0].nodeValue
							document.getElementById("productImage1_link").href=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue
						} else {
							document.getElementById("productImage1_link").rel=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue
							document.getElementById("productImage1_link").href=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue
						}
					}
					if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBigger')[0].childNodes[0].nodeValue.length>10){
						$('#bigimage').attr('href',xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBigger')[0].childNodes[0].nodeValue);
					} else {
						$('#bigimage').attr('href',xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue);
					}
				}
			}
		}
	}	
}

function GetSpecPrice(articleId,frontEndId,obj1,obj2,isMain){
	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=""
	}
	if (isMain){
		updateFlashData(PROJECT_URL + "xml/getImages.xml.asp?articleId="+articleId+"&specId_1="+specId_1+"&specId_2="+specId_2,articleId);
	}
	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,articleId); };
	http_request.open('GET', url, true);
	http_request.send(null);
}

function FillSpecPrice(http_request,articleId){
	if (http_request.readyState == 4)	{
		if (http_request.status == 200) {
			var xmldoc = http_request.responseXML;
			//resetImagePositions(articleId)
			if (xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('code')[0]){
				document.getElementById("articlecode"+ articleId).innerHTML=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('code')[0].childNodes[0].nodeValue
			}
			if(document.getElementById("xml_price_"+ articleId)){ //voor de gerelateerde artikelen
				document.getElementById("xml_price_"+ articleId).innerHTML=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('c_price')[0].childNodes[0].nodeValue
				if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('image').length>0){
					var bgImage = xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('image')[0].childNodes[0].nodeValue;
					//document.getElementById("productImage1_"+articleId).src=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageExtra')[0].childNodes[0].nodeValue
					document.getElementById('productImage1_'+articleId).style.backgroundImage = 'url("' + bgImage + '")';
				}
			}else{
				document.getElementById("xml_price").innerHTML=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('c_price')[0].childNodes[0].nodeValue
				
				if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('image').length>0){
					$("#imageBig").find("img").attr('src',xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageExtra')[0].childNodes[0].nodeValue);
				}
				if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue.length>10){
					document.getElementById("productImage1_large").src=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue
					if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('image')[0].childNodes[0].nodeValue.length>10 && document.getElementById("productImage1_thumb")){
						document.getElementById("productImage1_thumb").src=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('image')[0].childNodes[0].nodeValue
						if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBigger')[0].childNodes[0].nodeValue.length>10){
							document.getElementById("productImage1_link").rel=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBigger')[0].childNodes[0].nodeValue
							document.getElementById("productImage1_link").href=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue
						} else {
							document.getElementById("productImage1_link").rel=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue
							document.getElementById("productImage1_link").href=xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue
						}
					}
					if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBigger')[0].childNodes[0].nodeValue.length>10){
						$('#bigimage').attr('href',xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBigger')[0].childNodes[0].nodeValue);
					} else {
						$('#bigimage').attr('href',xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('imageBig')[0].childNodes[0].nodeValue);
					}
				}

				if(xmldoc.getElementsByTagName('prices')[0].getElementsByTagName('price')[0].childNodes[0].nodeValue>priceFreeShipping){
					document.getElementById('delivery_info').style.display = 'block'
				}else{
					if (document.getElementById('delivery_info')) {
						document.getElementById('delivery_info').style.display = 'none'
					}
				}
			}
			//resetImagePositions(articleId)
		}
	}
}

function resetImagePositions(articleId){
	if(articleId==document.getElementById('articleId').value){
		//reset image positions
		if(document.getElementById('productImage1')) {
			document.getElementById('productImage1').src = document.getElementById('tmp_productImage1_big').value
			document.getElementById('productImage1_thumb').value = document.getElementById('tmp_productImage1_big').value
			document.getElementById('productImage1_big').value = document.getElementById('tmp_productImage1_big').value
			document.getElementById('productImage1_large').value = document.getElementById('tmp_productImage1_large').value
		}
		if(document.getElementById('productImage2')) {
			document.getElementById('productImage2').src = document.getElementById('tmp_productImage2_big').value
			document.getElementById('productImage2_thumb').value = document.getElementById('tmp_productImage2_big').value
			document.getElementById('productImage2_big').value = document.getElementById('tmp_productImage2_big').value
			document.getElementById('productImage2_large').value = document.getElementById('tmp_productImage2_large').value
		}
		if(document.getElementById('productImage3')) {
			document.getElementById('productImage3').src = document.getElementById('tmp_productImage3_big').value
			document.getElementById('productImage3_thumb').value = document.getElementById('tmp_productImage3_big').value
			document.getElementById('productImage3_big').value = document.getElementById('tmp_productImage3_big').value
			document.getElementById('productImage3_large').value = document.getElementById('tmp_productImage3_large').value
		}
	}
}