// site object
	var site = {};

	// md5
	var MD5 = function (string) { function RotateLeft(lValue, iShiftBits) {  return (lValue<<iShiftBits) | (lValue>>>(32-iShiftBits));  }  function AddUnsigned(lX,lY) {  var lX4,lY4,lX8,lY8,lResult;  lX8 = (lX & 0x80000000);  lY8 = (lY & 0x80000000);  lX4 = (lX & 0x40000000);  lY4 = (lY & 0x40000000);  lResult = (lX & 0x3FFFFFFF)+(lY & 0x3FFFFFFF);  if (lX4 & lY4) {  return (lResult ^ 0x80000000 ^ lX8 ^ lY8);  }  if (lX4 | lY4) {  if (lResult & 0x40000000) {  return (lResult ^ 0xC0000000 ^ lX8 ^ lY8);  } else {  return (lResult ^ 0x40000000 ^ lX8 ^ lY8);  }  } else {  return (lResult ^ lX8 ^ lY8);  }  }  function F(x,y,z) { return (x & y) | ((~x) & z); }  function G(x,y,z) { return (x & z) | (y & (~z)); }  function H(x,y,z) { return (x ^ y ^ z); }  function I(x,y,z) { return (y ^ (x | (~z))); }  function FF(a,b,c,d,x,s,ac) {  a = AddUnsigned(a, AddUnsigned(AddUnsigned(F(b, c, d), x), ac));  return AddUnsigned(RotateLeft(a, s), b);  };  function GG(a,b,c,d,x,s,ac) {  a = AddUnsigned(a, AddUnsigned(AddUnsigned(G(b, c, d), x), ac));  return AddUnsigned(RotateLeft(a, s), b);  };  function HH(a,b,c,d,x,s,ac) {  a = AddUnsigned(a, AddUnsigned(AddUnsigned(H(b, c, d), x), ac));  return AddUnsigned(RotateLeft(a, s), b);  };  function II(a,b,c,d,x,s,ac) {  a = AddUnsigned(a, AddUnsigned(AddUnsigned(I(b, c, d), x), ac));  return AddUnsigned(RotateLeft(a, s), b);  };  function ConvertToWordArray(string) {  var lWordCount;  var lMessageLength = string.length;  var lNumberOfWords_temp1=lMessageLength + 8;  var lNumberOfWords_temp2=(lNumberOfWords_temp1-(lNumberOfWords_temp1 % 64))/64;  var lNumberOfWords = (lNumberOfWords_temp2+1)*16;  var lWordArray=Array(lNumberOfWords-1);  var lBytePosition = 0;  var lByteCount = 0;  while ( lByteCount < lMessageLength ) {  lWordCount = (lByteCount-(lByteCount % 4))/4;  lBytePosition = (lByteCount % 4)*8;  lWordArray[lWordCount] = (lWordArray[lWordCount] | (string.charCodeAt(lByteCount)<<lBytePosition));  lByteCount++;  }  lWordCount = (lByteCount-(lByteCount % 4))/4;  lBytePosition = (lByteCount % 4)*8;  lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80<<lBytePosition);  lWordArray[lNumberOfWords-2] = lMessageLength<<3;  lWordArray[lNumberOfWords-1] = lMessageLength>>>29;  return lWordArray;  };  function WordToHex(lValue) {  var WordToHexValue="",WordToHexValue_temp="",lByte,lCount;  for (lCount = 0;lCount<=3;lCount++) {  lByte = (lValue>>>(lCount*8)) & 255;  WordToHexValue_temp = "0" + lByte.toString(16);  WordToHexValue = WordToHexValue + WordToHexValue_temp.substr(WordToHexValue_temp.length-2,2);  }  return WordToHexValue;  };  function Utf8Encode(string) {  string = string.replace(/\r\n/g,"\n");  var utftext = "";  for (var n = 0; n < string.length; n++) {  var c = string.charCodeAt(n);  if (c < 128) {  utftext += String.fromCharCode(c);  }  else if((c > 127) && (c < 2048)) {  utftext += String.fromCharCode((c >> 6) | 192);  utftext += String.fromCharCode((c & 63) | 128);  }  else {  utftext += String.fromCharCode((c >> 12) | 224);  utftext += String.fromCharCode(((c >> 6) & 63) | 128);  utftext += String.fromCharCode((c & 63) | 128);  }  }  return utftext;  };  var x=Array();  var k,AA,BB,CC,DD,a,b,c,d;  var S11=7, S12=12, S13=17, S14=22;  var S21=5, S22=9 , S23=14, S24=20;  var S31=4, S32=11, S33=16, S34=23;  var S41=6, S42=10, S43=15, S44=21;  string = Utf8Encode(string);  x = ConvertToWordArray(string);  a = 0x67452301; b = 0xEFCDAB89; c = 0x98BADCFE; d = 0x10325476;  for (k=0;k<x.length;k+=16) {  AA=a; BB=b; CC=c; DD=d;  a=FF(a,b,c,d,x[k+0], S11,0xD76AA478);  d=FF(d,a,b,c,x[k+1], S12,0xE8C7B756);  c=FF(c,d,a,b,x[k+2], S13,0x242070DB);  b=FF(b,c,d,a,x[k+3], S14,0xC1BDCEEE);  a=FF(a,b,c,d,x[k+4], S11,0xF57C0FAF);  d=FF(d,a,b,c,x[k+5], S12,0x4787C62A);  c=FF(c,d,a,b,x[k+6], S13,0xA8304613);  b=FF(b,c,d,a,x[k+7], S14,0xFD469501);  a=FF(a,b,c,d,x[k+8], S11,0x698098D8);  d=FF(d,a,b,c,x[k+9], S12,0x8B44F7AF);  c=FF(c,d,a,b,x[k+10],S13,0xFFFF5BB1);  b=FF(b,c,d,a,x[k+11],S14,0x895CD7BE);  a=FF(a,b,c,d,x[k+12],S11,0x6B901122);  d=FF(d,a,b,c,x[k+13],S12,0xFD987193);  c=FF(c,d,a,b,x[k+14],S13,0xA679438E);  b=FF(b,c,d,a,x[k+15],S14,0x49B40821);  a=GG(a,b,c,d,x[k+1], S21,0xF61E2562);  d=GG(d,a,b,c,x[k+6], S22,0xC040B340);  c=GG(c,d,a,b,x[k+11],S23,0x265E5A51);  b=GG(b,c,d,a,x[k+0], S24,0xE9B6C7AA);  a=GG(a,b,c,d,x[k+5], S21,0xD62F105D);  d=GG(d,a,b,c,x[k+10],S22,0x2441453);  c=GG(c,d,a,b,x[k+15],S23,0xD8A1E681);  b=GG(b,c,d,a,x[k+4], S24,0xE7D3FBC8);  a=GG(a,b,c,d,x[k+9], S21,0x21E1CDE6);  d=GG(d,a,b,c,x[k+14],S22,0xC33707D6);  c=GG(c,d,a,b,x[k+3], S23,0xF4D50D87);  b=GG(b,c,d,a,x[k+8], S24,0x455A14ED);  a=GG(a,b,c,d,x[k+13],S21,0xA9E3E905);  d=GG(d,a,b,c,x[k+2], S22,0xFCEFA3F8);  c=GG(c,d,a,b,x[k+7], S23,0x676F02D9);  b=GG(b,c,d,a,x[k+12],S24,0x8D2A4C8A);  a=HH(a,b,c,d,x[k+5], S31,0xFFFA3942);  d=HH(d,a,b,c,x[k+8], S32,0x8771F681);  c=HH(c,d,a,b,x[k+11],S33,0x6D9D6122);  b=HH(b,c,d,a,x[k+14],S34,0xFDE5380C);  a=HH(a,b,c,d,x[k+1], S31,0xA4BEEA44);  d=HH(d,a,b,c,x[k+4], S32,0x4BDECFA9);  c=HH(c,d,a,b,x[k+7], S33,0xF6BB4B60);  b=HH(b,c,d,a,x[k+10],S34,0xBEBFBC70);  a=HH(a,b,c,d,x[k+13],S31,0x289B7EC6);  d=HH(d,a,b,c,x[k+0], S32,0xEAA127FA);  c=HH(c,d,a,b,x[k+3], S33,0xD4EF3085);  b=HH(b,c,d,a,x[k+6], S34,0x4881D05);  a=HH(a,b,c,d,x[k+9], S31,0xD9D4D039);  d=HH(d,a,b,c,x[k+12],S32,0xE6DB99E5);  c=HH(c,d,a,b,x[k+15],S33,0x1FA27CF8);  b=HH(b,c,d,a,x[k+2], S34,0xC4AC5665);  a=II(a,b,c,d,x[k+0], S41,0xF4292244);  d=II(d,a,b,c,x[k+7], S42,0x432AFF97);  c=II(c,d,a,b,x[k+14],S43,0xAB9423A7);  b=II(b,c,d,a,x[k+5], S44,0xFC93A039);  a=II(a,b,c,d,x[k+12],S41,0x655B59C3);  d=II(d,a,b,c,x[k+3], S42,0x8F0CCC92);  c=II(c,d,a,b,x[k+10],S43,0xFFEFF47D);  b=II(b,c,d,a,x[k+1], S44,0x85845DD1);  a=II(a,b,c,d,x[k+8], S41,0x6FA87E4F);  d=II(d,a,b,c,x[k+15],S42,0xFE2CE6E0);  c=II(c,d,a,b,x[k+6], S43,0xA3014314);  b=II(b,c,d,a,x[k+13],S44,0x4E0811A1);  a=II(a,b,c,d,x[k+4], S41,0xF7537E82);  d=II(d,a,b,c,x[k+11],S42,0xBD3AF235);  c=II(c,d,a,b,x[k+2], S43,0x2AD7D2BB);  b=II(b,c,d,a,x[k+9], S44,0xEB86D391);  a=AddUnsigned(a,AA);  b=AddUnsigned(b,BB);  c=AddUnsigned(c,CC);  d=AddUnsigned(d,DD);  }  var temp = WordToHex(a)+WordToHex(b)+WordToHex(c)+WordToHex(d);  return temp.toLowerCase();  }  
	
	// request function
	function request(plugin,parameters,handler){
		var pars = {};
		pars[plugin] = parameters;
		new Ajax.Request('/json.php',{
		    method:'post',
			parameters: {json: $H(pars).toJSON()},
		    onSuccess: function(transport,json){
				handler(transport,json[plugin],json)
			}
		});
	}
	
	// d
	function d(m){console.log(m)}
	function dd(m){console.dir(m)}
	
	/* protoload 0.1 beta by Andreas Kalsch
	 * last change: 09.07.2007
	 *
	 * This simple piece of code automates the creating of Ajax loading symbols.
	 * The loading symbol covers an HTML element with correct position and size - example:
	 * $('myElement').startWaiting() and $('myElement').stopWaiting()
	 */
	 
	Protoload = {
		// the script to wait this amount of msecs until it shows the loading element
		timeUntilShow: 250,
		
		// opacity of loading element
		opacity: 0.8,
	
		// Start waiting status - show loading element
		startWaiting: function(element, className, timeUntilShow) {
			if (typeof element == 'string')
				element = document.getElementById(element);
			if (className == undefined)
				className = 'waiting';
			if (timeUntilShow == undefined)
				timeUntilShow = Protoload.timeUntilShow;
			
			element._waiting = true;
			if (!element._loading) {
				var e = document.createElement('div');
				(element.offsetParent || document.body).appendChild(element._loading = e);
				e.style.position = 'absolute';
				try {e.style.opacity = Protoload.opacity;} catch(e) {}
				try {e.style.MozOpacity = Protoload.opacity;} catch(e) {}
				try {e.style.filter = 'alpha(opacity='+Math.round(Protoload.opacity * 100)+')';} catch(e) {}
				try {e.style.KhtmlOpacity = Protoload.opacity;} catch(e) {}
				
				/*var zIndex = 0;
				if (window.UI)
					if (UI.zIndex)
						zIndex = ++UI.zIndex;
				if (!zIndex)
					zIndex = ++Protoload._zIndex;
				e.style.zIndex = zIndex;*/
			}
			element._loading.className = className;
			window.setTimeout((function() {
				if (this._waiting) {
					var left = this.offsetLeft, 
						top = this.offsetTop,
						width = this.offsetWidth,
						height = this.offsetHeight,
						l = this._loading;
						
					l.style.left = left+'px';
					l.style.top = top+'px';
					l.style.width = width+'px';
					l.style.height = height+'px';
					l.style.display = 'inline';
				}
			}).bind(element), timeUntilShow);
		},
		
		// Stop waiting status - hide loading element
		stopWaiting: function(element) {
			if (element._waiting) {
				element._waiting = false;
				element._loading.parentNode.removeChild(element._loading);
				element._loading = null;
			}
		}/*,
		
		_zIndex: 1000000*/
	};
	
	if (Prototype) {
		Element.addMethods(Protoload);
		Object.extend(Element, Protoload);
	}
	/* */	


/* aform */

	
	var fields = {};

	document.observe('dom:loaded', function() {

		// only go on with an aform present
		if($$('.aform').length == 0)
			return;
			
		// shorthand, one form for starters
		var form = $$('.aform')[0];
		
		// make the submit validate
		form.observe('submit',function(event){
			event.stop();
			form.fire('aform:validate');
		});
		
		// make enter submit
		form.select('input[type=text]').invoke('observe','keypress',function(event){
			if(event.keyCode == Event.KEY_RETURN)
				form.fire('aform:validate');
		});

		// on prev or next, handle the verification, ajax style
		form.observe('aform:validate',function(event){
			
			// send the reuqest to validate and the values over		
			request('aform',{
				action: 'validate',
				values: form.serialize(true)
			},function(request,json){

				// recieved fields (with errors as properties of those fields
				var fields = json.fields;

				// error flag
				var has_errors = false;
				
				// walk the fields array to reset feedback and such
				// and in this loop also check if there are errors
				for(fieldname in fields) {

					// the fieldname
					var field = fields[fieldname];


					// get the feedback div, make it emtpy
					var feedback = $$('.feedback.feedback-'+fieldname)[0];
					feedback.update('');
					
					// get the actual input as well and remove the errorclass
					var input = form.select('[name='+fieldname+']')[0];
					input.removeClassName('error');

					// are there errors? add the errors to the feedback container
					field.errors.each(function(error){

						// update the flag
						has_errors = true;
						
						// add the error div
						var line = new Element('div');
						feedback.insert(line);
						line.update(error);	
						
						// mark the input
						input.addClassName('error')
					});
				}
				
				// go through?
				if(!has_errors)
					form.submit();
				
			});			
		});		
	});

/* cart */


	document.observe('dom:loaded', function() {

	/* related to session lifetime */
		
		// insert a hidden div into the document
		document.body.appendChild(new Element('div',{id:'cart-keep-session-alive',style:'display:none'}));

		// add a periodical updater that updates that div
		new Ajax.PeriodicalUpdater('cart-keep-session-alive', '/json.php', {frequency: 60});


	/* related to navigation */

		// on the overview page (step 1) make sure that the cart is not empty and that the payment method is chosen
		if ($('order')) {
			$$('.cart-prev-next-button.next')[0].observe('click',function(event){
				if($('order-empty').visible()){
					alert('U winkelwagen is leeg.')
					event.stop();
				}

				if($$('.order-payment-method')[0].value == 0){
					alert('U moet nog een betaalmethode selecteren.')
					event.stop();
				}								
			});
		}

		// on the personal data page (step 2) make sure the navigation doesnt deliver untill the form is properly filled out
		// make sure to overwrite the form action with the proper location the naviagtion button points to
		if($('cart-personal')){

			$$('.cart-prev-next-button, #steps-top a').invoke('observe','click',function(event){

				// stop the event, let the form javascript handle submission
				event.stop();

				// take the link href as new action for the form and then trigger a validation
				var form = $$('.aform')[0];
				form.action = event.element().href;
				form.fire('aform:validate');
			});
		}

	/* related to order overview */

		// remove whole lines
  		$$('.order-remove-line').each(function(a){
			a.observe('click',function(event){
				
				// cancel the event
				event.stop();
				
				// display a waiting message
				a.update('moment...');
				// send the change
				request('cart',{
					action:		'order-remove-line',
					line:		a.readAttribute('line')
				},function(request,json){

					// this was the last line? or is our session expired for whatever reason?
					if(json.feedback == 'empty'){
						cart_display_empty_message();
						return;
					}
					if(json.feedback == 'expired'){
						cart_display_expired_message();
						return;
					}
					
					// remove the row
					a.up('tbody').fade({
						
						// after the row is removed, update
						afterFinish: function(){
							update_totals(json);							
						}
						
					});
			});
		});
		});
		
		// change quantities
		$$('.order-change-quantity').each(function(s){
			s.observe('change',function(event){

				// send the change
				request('cart',{
					action:		'order-change-quantity',
					line:		s.readAttribute('line'), 
					quantity: 	s.getValue()
				},function(request,json){

					// is our session expired for whatever reason?
					if(json.feedback == 'expired')
						cart_display_expired_message();

					// get the table row body
					var tbody = s.up('tbody');
					
					// update
					tbody.highlight();
					tbody.select('.price')[0].update(make_price(json.price));
					tbody.select('.total')[0].update(make_price(json.total));
					update_totals(json);
				});
			});			
		});		

		$$('.order-payment-method').each(function(s){
			s.observe('cart:payment-method-change',function(event){

				// send the change
				request('cart',{
					action:	'order-change-payment-method',
					method: s.value
				},function(request,json){

					// is our session expired for whatever reason?
					if(json.feedback == 'expired')
						cart_display_expired_message();

					// get the table row body
					var tbody = s.up('tbody');
					
					// update
					tbody.highlight();
					update_totals(json);
				});
			});
		});
		
		// replace selectbox with something more stylable
		// also remove the null option after a something is selected
		$$('select.replace').each(function(select){

			// hide original
			select.hide();
			
			// create
			var container = new Element('div', {
				'class': 'replaced-select-container'
			});
			var trigger = new Element('div', {
				'class': 'replaced-select-trigger'
			});
			var options = new Element('div', {
				'class': 'replaced-select-options',
				style: 'display:none'
			});
			
			// insert
			$(select.parentNode).insert(container);
			container.insert(trigger);
			container.insert(options);
			
			// trigger
			trigger.update('kies');
			trigger.observe('click',function(event){
				options.toggle();
			});
			
			// for all the options of the original select
			select.select('option').each(function(oldOption){
				
				// create an element to represent the original option,
				// put in the proper text and insert it
				var option = new Element('div',{'class':'replaced-select-option'});
				option.value = oldOption.value;
				option.update(oldOption.readAttribute('description') !== null ? oldOption.readAttribute('description') : oldOption.innerHTML);
				options.insert(option);
				
				// was it selected? if so, add the proper class to the new option, remove the null option and update the trigger
				if (oldOption.selected) {
					option.addClassName('selected');
					trigger.update(option.innerHTML);
					options.select('.replaced-select-option')[0].hide();
				}

				// on click set the trigger text to the option text
				// and update the value of the old select as well
				option.observe('click',function(event){
			
					// selected
					options.select('.replaced-select-option').invoke('removeClassName','selected');
					option.addClassName('selected');
					
					// update the trigger and the original field
					trigger.update(option.innerHTML);
					select.value = option.value;
					select.fire('cart:payment-method-change')
					options.hide();
				});
			});
		});
	});
	
	function update_totals(json){
	    
		// update delivery costs
	    // not using the fade effect because when removing product, it will fire after
	    // the removing is done - which is too late to look good
//	    var delivery_costs_body = $$('.name.delivery-costs')[0].up('tbody').update();
//	    json.delivery_costs.each(function(delivery_cost){
//	        delivery_costs_body.update(
//	           delivery_costs_body.innerHTML + 
//	           '<tr><td></td>' +
//	           '<td class="delivery-costs name" colspan="3">' + delivery_cost.description + '</td>' +
//	           '<td class="delivery-costs price">' + make_price( Number(delivery_cost.price) ) + '</td>' +
//    	       '<td></td></tr>'
//	       );
//	    });
	    
//		$$('.name.delivery-costs')[0].update(json.delivery_costs.description);
		$$('.price.delivery-costs')[0].update(make_price(json.delivery_costs)).highlight();
		$$('.price.payment-method')[0].update(make_price(json.payment_method_costs)).highlight();

		// grand total
		$$('.total-grand')[0].update(make_price(json.total_grand)).highlight();
		
		// vats
		for(percentage in json.total_vats)
			if($$('.vat'+percentage)[0])
				$$('.vat'+percentage)[0].update(make_price(json.total_vats[percentage])).highlight();		
		
	}
	
	function make_price(price){
		return '&euro;&nbsp;'+price.toFixed(2).replace('.',',');
	}
	
	
	function cart_display_empty_message(){
		$('order').hide();
		$('order-empty').show();
	}
	
	function cart_display_expired_message(){
		$('order').hide();
		$('order-expired').show();
	}

/* count */


	document.observe('dom:loaded', function() {

		// all links with class count
		$$('a.count').invoke('observe','click',function(event){

			// extract
			var pars = event.element().readAttribute('class').match(/\b\w+\-\w+\-\w+\b/)[0].split('-');
			//event.stop();
			
			// send the change
			request('count',{
				action:	'count',
				table:	pars[0],
				type:	pars[1],
				id:		pars[2]
			},function(request,json){});
			
		});
	});