// JavaScript Document

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

function showBtn(articleId){
	if(document.getElementById('btnadded_'+articleId)){
		document.getElementById('btnadded_'+articleId).style.display = 'block'
		setTimeout("document.getElementById('btnadded_"+articleId+"').style.display = 'none'",2000)
	}
}

function setBG(t) {
	var container = 'container_dummy'
	var url = _PROJECT_URL + 'xml/bg.xml.asp?t=' + t
	$("#"+container).load(url, function(){
		document.getElementById('background').src = _PROJECT_URL + 'img/bg_'+t+'.jpg'
		if(document.getElementById('logo')){
			if(t=='green'){
				document.getElementById('logo').src = document.getElementById('logo').src.replace('_wit.png','.png')
			}else{
				if(document.getElementById('logo').src.indexOf('_wit')==-1){
					document.getElementById('logo').src = document.getElementById('logo').src.replace('.png','_wit.png')
				}
			}
		}
	});
}

/*default ajax aanroep*/
function loadAJAX(url, container, gets, values, callback, debug){
	Loading(container);
	url = _PROJECT_URL + 'xml/' + url + '?container='+ container + '&'
	for (var i = 0; i < gets.length; i++) {
		if(i>0) url += '&';
		url += gets[i] +'='+ values[i];
	}
	if(debug) window.open(url)
	$("#"+container).load(url, callback);
}

function addArticle(articleId){

	//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','specValue')
			specs = specs + document.getElementById(tmpid).options[document.getElementById(tmpid).selectedIndex].value
		}
	}

	var url = ""
	url = _PROJECT_URL + "xml/updateShoppingcart.xml.asp?container=container_shoppingcart&type=add&id=" + articleId + "&specs=" + specs
//	window.open(url)
	$("#container_shoppingcart").load(url, function(){
		showBtn(articleId)
	});
}

function editArticle(line,result) {
	var http_request = GetHttpRequest();
	if(!http_request) return false; // Kan geen ajax component aanmaken.

	var qty
	if(document.getElementById('qty'+ line)) qty = document.getElementById('qty'+ line).value

	var specs = ''
	var tmpid = ''
	if(document.getElementById('cont_specs_'+ line)) {
		var inputSpecs = document.getElementById('cont_specs_'+ line).getElementsByTagName('INPUT')
		for(var i=0;i<inputSpecs.length;i++){
			if(inputSpecs[i].id.indexOf('specName')>-1){
				if(specs!='') specs = specs + ','
				specs = specs + inputSpecs[i].value + '='
				tmpid = inputSpecs[i].id.replace('specName','specValue')
				specs = specs + document.getElementById(tmpid).options[document.getElementById(tmpid).selectedIndex].value
			}
		}
	}

	var url = ""
	url = _PROJECT_URL + "xml/updateShoppingcart.xml.asp?container=container_shoppingcart&type=edit&lineno=" + line + "&aantal=" + qty + "&specs=" + specs + "&result=" + result
//	window.open(url)
	http_request.onreadystatechange = function() { GetShoppingcartResult(http_request); };
	http_request.open('GET', url, true);
	http_request.send(null);
}

function delArticle(line) {
	var http_request = GetHttpRequest();
	if(!http_request) return false; // Kan geen ajax component aanmaken.

	var url = ""
	url = _PROJECT_URL + "xml/updateShoppingcart.xml.asp?type=del&lineno=" + line
	//window.open(url)
	http_request.onreadystatechange = function() { GetShoppingcartResult(http_request); };
	http_request.open('GET', url, true);
	http_request.send(null);
}

function initShoppingcart(container){
	Loading(container);
	if(container=='container_shoppingcart_checkout'){
		url = _PROJECT_URL + "xml/updateShoppingcartCheckout.xml.asp?container=" + container
	}else{
		url = _PROJECT_URL + "xml/updateShoppingcart.xml.asp?container=" + container
	}
	$("#"+container).load(url, function(){
		$(function(){
		// this initialises the scrollpane on the page.
			$('#pane2').jScrollPane({dragMaxHeight: 20,scrollbarWidth: 11});
		});
	});
}

function editArticleCheckout(line){
	var container = 'container_shoppingcart_checkout'
	var qty
	if(document.getElementById('qty'+ line)) qty = document.getElementById('qty'+ line).value
	var url = _PROJECT_URL + "xml/updateShoppingcartcheckout.xml.asp?container="+ container +"&type=edit&lineno=" + line + "&aantal=" + qty
	$("#"+container).load(url, function(){
		$(function(){
		// this initialises the scrollpane on the page.
			$('#pane2').jScrollPane({dragMaxHeight: 20,scrollbarWidth: 11});
		});
		initShoppingcart('container_shoppingcart')
	})
}

function delArticleCheckout(line){
	var container = 'container_shoppingcart_checkout'
	var url = _PROJECT_URL + "xml/updateShoppingcartcheckout.xml.asp?container="+ container +"&type=del&lineno=" + line
	$("#"+container).load(url, function(){
		$(function(){
		// this initialises the scrollpane on the page.
			$('#pane2').jScrollPane({dragMaxHeight: 20,scrollbarWidth: 11});
		});
		initShoppingcart('container_shoppingcart')
	})
}

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 checkUsername(val, edit){
	var http_request = GetHttpRequest();
	if(!http_request) return false; // Kan geen ajax component aanmaken.
	
	url = _PROJECT_URL + "xml/validateUser.xml.asp?val="+ val + '&edit=' + edit
	//window.open(url)
	http_request.onreadystatechange = function() { checkUserResult(http_request); };
	http_request.open('GET', url, true);
	http_request.send(null);
}

function checkUserResult(http_request){
	if (http_request.readyState == 4)	{
		if (http_request.status == 200) {
			var xmldoc = http_request.responseXML;
			var action_node = xmldoc.getElementsByTagName('actionresult').item(0);

			if(action_node.firstChild.data !='0'){
				document.getElementById('marker_usernamecheck').innerHTML = action_node.firstChild.data + '<br />'
				UserOK = false
			}else{
				document.getElementById('marker_usernamecheck').innerHTML = ""
				UserOK = true
			}
		}	
	}else{
		document.getElementById('marker_usernamecheck').innerHTML = ""
		UserOK = true
	}
}