/*
      ##### #     ##                                       ##           /##   	
   ######  /#    #### /                  #              /####         #/ ###  	
  /#   /  / ##    ###/                  ###     #      /  ###        ##   ### 	
 /    /  /  ##    # #                    #     ##         /##        ##       	
     /  /    ##   #                            ##        /  ##       ##       	
    ## ##    ##   #    /###     /###   ###   ########    /  ##       ######   	
    ## ##     ##  #   / ###  / / ###  / ### ########    /    ##      #####    	
    ## ##     ##  #  /   ###/ /   ###/   ##    ##       /    ##      ##       	
    ## ##      ## # ##    ## ##    ##    ##    ##      /      ##     ##       	
    ## ##      ## # ##    ## ##    ##    ##    ##      /########     ##       	
    #  ##       ### ##    ## ##    ##    ##    ##     /        ##    ##       	
       /        ### ##    ## ##    ##    ##    ##     #        ##    ##       	
   /##/          ## ##    ## ##    ##    ##    ##    /####      ##   ##       	
  /  #####           ######   ######     ### / ##   /   ####    ## / ##       	
 /     ##             ####     ####       ##/   ## /     ##      #/   ##.nl    	
 #                                                 #                          	
  ##                                                ##                        	
  
  chlorovorm build 2009
  
*/
window.addEvent('domready', function() {
	
	//alert(Browser.Engine.name + ' ' + Browser.Engine.version);
	
	//////////////////////////////////////////////////////////////////////// Initials
	////////////////////////////////////////////////////////////////////////
	
	var cart 			= $('cart');
	var cart_inspector	= $('cart_inspector');
	var products 		= $('products');
	var splash			= $('splash');
	var navigator		= $('navigator');
	var menu			= $('menu');
	var hider			= $('hider');
	var wrapper			= $('wrapper');
	
	
	var history_array	= new Array();
	var cart_items		= new Array();
	var product_array	= new Object();
	var media_array		= new Object();
	var designer_array	= new Object();

	var mollie_banklist = new Object();

	var session_data 	= new Object();
	//session_data['cart'] = '';




	// user data
	
	var user_bank_id = "0";




	//////////////////////////////////////////////////////////////////////// Window Scroll
	////////////////////////////////////////////////////////////////////////
	
	var windowScroll = new SmoothScroll({
		duration:1800
	});

/*
	windowScroller.start();
	*/
/*
	(function(){
		this.stop();
		this.start();
	}).periodical(1000, windowScroller);
*/	
	//////////////////////////////////////////////////////////////////////// Cart
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////


	var initCart = function() {
				cart_inspector.set('class','cart_inspector');
//				cart_inspector.set('html','WINKELWAGEN<br/><p class="cart_inspector_pricefield"><img src=../lib/img/spinner.gif /><br/><br/></p>' );
		//alert(session_data['cart']);
				if (session_data['cart']) {
					//alert('cart: ' + session_data['cart']);
					//alert(session_data["cart"].get('id'));
					var result = new Array();
					//alert(session_data["cart"]);
					if(session_data['cart'].split('.').length == 1) {
						result[0] = session_data['cart'];
					} else {
						result = session_data['cart'].split('.');
					}
					
					//alert(result);
					
					//alert(session_data['cart'] + ' - ' + result.length);

					cart_calc.empty();
					result.each(function(item,index) {
						var product_data = new Object();
						product_array.each(function(pitem,pindex){
							if (pitem.id == item) product_data = pitem;
						});
						if (product_data) cart_calc.push(product_data);
					});

					cart_inspector.set('class','cart_inspector');
					cart_inspector.set('html','WINKELWAGEN<br/><p class="cart_inspector_pricefield"><br/>'+ cart_calc.length + ' Product(en)  ' + total_calc() + '<br/>' + 'Porto '+porto_calc()+'<br/>' + ' <br/><span style=text-decoration:underline>Naar de Kassa</span> &gt;</p>' );
					//cart_inspector.set('html','WINKELWAGEN<br/><p class="cart_inspector_pricefield"><br/>'+ cart_calc.length + ' Product(en)  ' + total_calc() + '<br/>' + 'Porto &euro; 0,&mdash;<br/>' + ' <br/><span style=text-decoration:underline>Naar de Kassa</span> &gt;</p>' );
				} else {
					cart_inspector.set('class','cart_inspector');
					cart_inspector.set('html','WINKELWAGEN<span class="cart_inspector_pricefield"><br/><br/>0 Producten  &euro; 0.&mdash;<br/>Porto &euro; 0,&mdash;<br/><br/></span>' );
				}
	}
	
	
	var cart_calc = new Array();
	
	
	var cart_calc_obj_mass = function(id) {
		
		var items = cart_calc.filter(function(item,index){
			return item.id == id;
		})
		return items.length;
	}
	
	var cart_calc_obj_mass_set = function(obj,count){
		var clean_items = cart_calc.filter(function(item,index){
			return item.id != obj.id;
		});
		
		while (count>0) {
			clean_items.push(obj);
			count--;
		}
		
		cart_calc = clean_items.objSort("id");
		cart_items = cart_calc;
		var string = "";
		cart_calc.each(function(item,index){
			if (index == 0) {
				string += item.id;
			} else {
				string += "." + item.id;
			}
		});
		
		cart_update(string);
		//alert(cart_calc.length);
	}

	
	/*
	
	var price_convert = function(input) {
		var number = "";
		number += input;
		number = number.split("");
		number.splice(number.length - 2,0,",");
		var output = "";
		number.each(function(item,index) {
			output += item;
		});
		return output;
		
	}
	*/
	var nicePrice = function(num){
		var total = parseInt(num);

		var tstring = '' + Number(total/100).toFixed(2);
		tstring = tstring.split('');
		tstring.splice(tstring.length - 3,1,",");
		if (tstring[tstring.length-1] == '0' && tstring[tstring.length-2] == '0')
		{
			tstring[tstring.length-1] = '';
			tstring[tstring.length-2] = '&mdash;';
			
		} 
//		alert(tsplice);
		
		//return "&euro; " + Number(total/100).toFixed(2);
		return "&euro; " + tstring.join('');
	}
	
	
	var sub_calc = function(){
		var total = 0;
		cart_calc.each(function(item, index){
			total = total + parseInt(item.price);
		});
		
		var tstring = '' + Number(total/100).toFixed(2);
		tstring = tstring.split('');
		tstring.splice(tstring.length - 3,1,",");
		if (tstring[tstring.length-1] == '0' && tstring[tstring.length-2] == '0')
		{
			tstring[tstring.length-1] = '';
			tstring[tstring.length-2] = '&mdash;';
			
		} 
//		alert(tsplice);
		
		//return "&euro; " + Number(total/100).toFixed(2);
		return "&euro; " + tstring.join('');
	}
	
	
	var sub_calc_clean = function(){
		var total = 0;
		cart_calc.each(function(item, index){
			total = total + parseInt(item.price);
		});
		return total;
	}
	
	
	
	
	var porto_calc = function(){
		var porto_clean = porto_calc_clean();
		var porto = "&euro; 0,&mdash;";
		
		if(porto_clean == 240) {
			porto = "&euro; 2,40";
		}
		if(porto_clean == 675) {
			porto = "&euro; 6,75";
		}
		
		if (session_data["shipping_pickup"] == 'pickup') {
			porto = "&euro; 0,&mdash;";
		}

		/*
		if(cart_calc.length >= 1) {
			//porto = "&euro; 6,75";
			porto = "&euro; 0,&mdash;";
		}
		alert(porto_calc_clean());
		*/
		return porto;
	}
	var porto_calc_clean = function(){

		var porto = 0;
		if(cart_calc.length >= 1) {
			if(cart_calc.length == 1) {
				if(cart_calc[0].weight < 100) {
					porto = 240;
				} else {
					porto = 675;
				}
			} else {
				porto = 675;
			}
		}
		if (session_data["shipping_pickup"] == 'pickup') {
			porto = 0;
		}
		return porto;
	}



	var promo_calc = function(){
		var total = parseInt(promo_calc_clean());
		return nicePrice(total);
	}


	var promo_calc_clean = function(){

		var promo = 0;
		if (session_data['promo_amount']) {
			promo = session_data['promo_amount'];
		}
		return promo;

	}





	var total_calc = function(){
		var total = 0;
		if(cart_calc.length >= 1) {
			total = parseInt(sub_calc_clean());
			total = total + parseInt(porto_calc_clean());
			total = total - parseInt(promo_calc_clean());
			session_data['total'] = total;
		}
		return nicePrice(total);
	}


	var total_calc_clean = function(){
		var total = 0;
		cart_calc.each(function(item, index){
			total = total + parseInt(item.price);
		});
		total = total + parseInt(porto_calc_clean());
		total = total - parseInt(promo_calc_clean());
		return total;
	}
	
	
	var price_tag = function(price){
		
		var tstring = '' + Number(price/100).toFixed(2);
		tstring = tstring.split('');
		tstring.splice(tstring.length - 3,1,",");
		if (tstring[tstring.length-1] == '0' && tstring[tstring.length-2] == '0')
		{
			tstring[tstring.length-1] = '';
			tstring[tstring.length-2] = '&mdash;';
			
		} 
//		alert(tsplice);
		
		//return "&euro; " + Number(total/100).toFixed(2);
		return "&euro; " + tstring.join('');
	}


	var cart_item_add = function(obj) {

		cart_calc.push(obj);
		cart_calc = cart_calc.objSort("id");
		
		var string = "";
		cart_calc.each(function(item,index){
			if (index == 0) {
				string += item.id;
			} else {
				string += "." + item.id;
			}
		});
		cart_update(string);
		initCart();
		winFx.set(0, document.body.getScroll().y);
		winFx.toElement(navigator).chain(function(){
			show_cart();
		});
	}

	
	var cart_item_delete = function(id) {
		
		//var remove_index = new Array();
		//remove_index = session_data["cart"].split(".").indexOf(id);
	//	alert('deleting now: ' + id);
		var once = true;
		cart_calc.each(function(item, index) {
			if (once && item.id == id) {
				once = false;
				(cart_calc.length == 1) ? cart_calc.empty() : cart_calc.splice(index,1);
			}
		});
				
		var string = "";
		cart_calc.each(function(item,index){
			if (index == 0) {
				string += item.id;
			} else {
				string += "." + item.id;
			}
		});
		if (string == "") {
			(function(){hide_cart()}).delay(1000);
		}
		cart_update(string);    
	}
	
	var cart_update = function(string) {
		
		//alert(string);
		session_data['cart'] = string;
		cart_items = cart_calc;
		initCart();				
		
		
	}
	


	

	var cart_box 	= new Element('div',{'class':'cart_box'}).inject($('cart'));
	cartFx 		= new Fx.Slide(cart_box , {
			'mode'		:'vertical',
			'duration'	:300,
			'transition':Fx.Transitions.Cubic.easeOut
	}).slideOut();
		
	
	
	hide_cart = function() {
		
		winFx.toTop();
		cartFx.slideOut();
		hider.fade(0);
		session_data_save();
		session_update();
		initCart();
		if (splash.getElements('iframe[name^=flash')) splash.getElements('iframe[name^=flash').fade('show');
	}
	
	show_cart = function() {
		if (splash.getElements('iframe[name^=flash')) splash.getElements('iframe[name^=flash').fade('hide');
		checkout(0);
		hider.fade(0.9);
	}
	
	session_data_save = function() {
			cart_box.getElements('input').each(function(item,index){
				session_data[item.name] = item.value.trim();	
			});
			cart_box.getElements('select').each(function(item,index){
				session_data[item.name] = item.value;	
			});
			cart_box.getElements('textarea').each(function(item,index){
				session_data[item.name] = item.value.clean();	
			});
	}
	
	
	/*
	(function(){
		show_cart();
		checkout(2);
	}).delay(1000);
	*/





/*


 ######  ##     ## ########  ######  ##    ##  #######  ##     ## ######## 
##    ## ##     ## ##       ##    ## ##   ##  ##     ## ##     ##    ##     
##       ##     ## ##       ##       ##  ##   ##     ## ##     ##    ##    
##       ######### ######   ##       #####    ##     ## ##     ##    ##    
##       ##     ## ##       ##       ##  ##   ##     ## ##     ##    ##    
##    ## ##     ## ##       ##    ## ##   ##  ##     ## ##     ##    ##    
 ######  ##     ## ########  ######  ##    ##  #######   #######     ##    



*/

	var last_checkout_page;
	checkout = function(page) {
		
		if (page == 0 || page == 1 || page == 2 || page == 3 || page == 4) {
			
			if (last_checkout_page >= 1) {
				//session_data_save();
			}
		};
		last_checkout_page = page;
		cart_box.empty();
		//cart_calc.empty();
		cartFx.hide();
		
		
		/*		  
		
						   
			 000000000     
		   00:::::::::00   
		 00:::::::::::::00 
		0:::::::000:::::::0
		0::::::0   0::::::0
		0:::::0     0:::::0
		0:::::0     0:::::0
		0:::::0 000 0:::::0
		0:::::0 000 0:::::0
		0:::::0     0:::::0
		0:::::0     0:::::0
		0::::::0   0::::::0
		0:::::::000:::::::0
		 00:::::::::::::00 
		   00:::::::::00   
			 000000000     
					  
		
		*/		
		if (page == 0) {
			
			
			
			
			// headline
			//				
			//				
			var row = createRow();
			row.inject(cart_box);
			line_green_big().inject(row,'before');
			createCell(790,'PRODUCTEN IN WINKELWAGEN').inject(row).setStyle('height',10);
			line_gray().inject(row,'after');
			
			
			
			// column titles 
			//				
			//				
			row = createRow().inject(cart_box);
			row.setStyle('width',790);
			createCell(470,'Omschrijving').inject(row).setStyles({'padding-top':'6px','padding-bottom':'0px'});
			createCell(150,'Aantal').inject(row).setStyles({'padding-top':'6px','padding-bottom':'0px'});
			createCell(100,'Prijs').inject(row).setStyles({'padding-top':'6px','padding-bottom':'0px'});
			line_spacer(20).inject(row,'before');

			row = createRow().inject(cart_box);
			line_green().inject(row);
			line_spacer(5).inject(row,'after');
			
			
			// todo
	/*
			cart_items.each(function(item,index) {
			
				// get product info
				var data = new Object();
				product_array.each(function(pitem,pindex){
					if (pitem.id == item) data = pitem;
				});
				if (data) cart_calc.push(data);
			});
	
	*/
			var last_item = 0;
			cart_items.objSort('id',0,'name');
			cart_calc.each(function(item,index) {
				if (last_item != item.id) {
					last_item = item.id;
					// get product info
					var product_data = new Object();
					product_array.each(function(pitem,pindex){
						if (pitem.id == item.id) product_data = pitem;
					});
		
					var cart_row 					= createRow().inject(cart_box).setStyle('height',80);
					
					// Image
					var product_image 				= new Element('img',{'src':'files/img/pic.php?quality=70&size=66&im=' + get_media(product_data.thumb),'width':'66px','height':'66px'});
					createCellAdvanced(66,product_image).inject(cart_row).setStyles({'height':72,'padding-top':'8px','padding-bottom':'0px'});
					
					// Title
					createCell(395,product_data.name).inject(cart_row).setStyles({'height':74,'padding-top':'6px','padding-bottom':'0px'});
					
					// Mass
					var cart_item_mass 				= createCell(160,'').inject(cart_row).setStyles({'height':80,'padding':'0px'});
					

					var item_mass 					= cart_calc_obj_mass(item.id);
					if (item_mass > parseInt(product_data.stock)) {
						cart_calc_obj_mass_set(product_data,parseInt(product_data.stock));
						item_mass = cart_calc_obj_mass(item.id);
					}

					// Mass Input Field					
					var cart_item_mass_input 		= new Element('input',{
																		'value':item_mass,
																		'class':'cart_item_mass_input',
																		'events': {
																			'keyup': function(e){
																				
																				this.value = Math.round(this.value);
																				
																				if(this.value == 'NaN')
																				{
																					this.value = 0;
																				}
																				if (parseInt(this.value) > parseInt(product_data.stock)) {
																					this.value = product_data.stock;
																					
																				}
																				
																				cart_calc_obj_mass_set(product_data,parseInt(this.value));
																				
																				cart_item_price.set('html','' + nicePrice(product_data.price));
																
																				cart_number_subtotal.set('html',sub_calc());
																				cart_number_porto.set('html',porto_calc());
																				cart_number_total.set('html',total_calc());
	
																				if(e.key == 'enter') {
																					this.blur();
																				}
																					
																			},
																			'focus': function(e) {
																				this.value = '';
																			},
																			'onchange': function(e) {
																				alert('changed');
																			}
																		}
																	}).inject(cart_item_mass);
					
					var mass_string = new Element('div',{'class':'cart_item_mass_stock','html': product_data.stock + ' beschikbaar'});
					mass_string.inject(cart_item_mass);
					
					// Price
					//var cart_item_price 			= new Element('div',{'html':'&euro; ' + Number(product_data.price/100*item_mass).toFixed(2),'class':'cart_item_price'}).inject(cart_row);
					var cart_item_price = createCell(120,nicePrice(product_data.price)).inject(cart_row).setStyles({'height':74,'padding-top':'6px','padding-bottom':'0px'});
					
					// Button Remove
					var cart_item_remove 			= createCell(15,'').inject(cart_row).setStyles({'height':74,'padding-top':'6px','padding-bottom':'0px'});
					var cart_item_button_delete 	= new Element('button',{'html':'X','class':'cart_item_button_delete',
																					'events': {
																						'click': function() {
																							cart_item_delete(product_data.id);
																							//cart_calc.splice(cart_calc.indexOf(product_data.id),1);
																							if (cart_calc_obj_mass(item.id) >= 1) {
																								cart_item_price.set('html','&euro; ' + Number(product_data.price/100*cart_calc_obj_mass(item.id)).toFixed(2));
																								cart_item_mass_input.set('value',cart_calc_obj_mass(item.id));
																							} else {
																								cart_row.dissolve();
																								cart_item_underline.hide();
																							}
																							cart_number_subtotal.set('html',sub_calc());
																							cart_number_porto.set('html',porto_calc());
																							cart_number_total.set('html',total_calc());
																							initCart();
																						}
																					}
																				}).inject(cart_item_remove);
					if (cart_items.length == index + 1) {
						var cart_item_underline = new Element('div', {'class':'cart_item_line_green'}).inject(cart_box);
					} else {
						var cart_item_underline = line_gray().inject(cart_box).setStyles({'margin-bottom':'6px'});
					}
				} 
			});
			
			
	
					
	
			// subtotal
			//				
			//				
			var row_subtotal = createRow();
			row_subtotal.inject(cart_box);
			createCell(470,'&nbsp;').inject(row_subtotal);
			createCell(150,'Subtotaal').inject(row_subtotal);
			var cart_number_subtotal = createCell(150,'' + sub_calc());
			cart_number_subtotal.inject(row_subtotal).setStyle('height',16);
			
			line_gray().inject(row_subtotal,'after');
	
			// porto
			//				
			//				
			var row_porto = createRow();
			row_porto.inject(cart_box);
			createCell(470,'&nbsp;').inject(row_porto);
			createCell(150,'Porto').inject(row_porto);
			var cart_number_porto = createCell(150,'' + porto_calc());
			cart_number_porto.inject(row_porto).setStyle('height',16);
			line_gray().inject(row_porto,'after');


			// promo
			//				
			//				
			
			if (session_data["promo_amount"] > 0) {			
				var row_promo = createRow();
				row_promo.inject(cart_box);
				createCell(470,'&nbsp;').inject(row_promo);
				createCell(150,'Korting').inject(row_promo);
				var cart_number_promo = createCell(150,'' + promo_calc());
				cart_number_promo.inject(row_promo).setStyle('height',16);
				line_gray().inject(row_promo,'after');
			}

			// total
			//				
			//				
			var row_total = createRow();
			row_total.inject(cart_box);
			createCell(470,'&nbsp;').inject(row_total);
			createCell(150,'<b>Totaal</b>').inject(row_total);
			var cart_number_total = createCell(150,'<b>' + total_calc() + '</b>');
			cart_number_total.inject(row_total).setStyle('height',16);
			
			line_gray().inject(row_total,'after');
	
	
			// buttons
			//				
			//				
			var row_buttons = createRow();
			row_buttons.inject(cart_box);
			row_buttons.setStyle('height',80);
			row_buttons.setStyle('margin-top',50);
			
			
			createCell(470,'<b><a onclick=hide_cart();>Winkel verder</a><b>').inject(row_buttons).setStyle('padding-top',30);
			createCell(150,'').inject(row_buttons);
			createCell(150,'<b><a onclick=checkout(1);>Bestel nu</a></b>').inject(row_buttons).setStyle('padding-top',30);
			//line_green_big().inject(row_buttons,'after');
								
						
			/*
			var cart_item_total 	= new Element('div',{id:'cart_calc_total','html':total_calc(),'class':'cart_item_price'}).inject(cart_row);
			cart_item_total.setStyle('left',480);
			cart_item_total.setStyle('background-color','#f77');
			*/
			
			
			
			//cart_box.setStyle('background-color','white');
			
			

			
		}
		
		/*		  
		
						   
			  1111111   
			 1::::::1   
			1:::::::1   
			111:::::1   
			   1::::1   
			   1::::1   
			   1::::1   
			   1::::l   
			   1::::l   
			   1::::l   
			   1::::l   
			   1::::l   
			111::::::111
			1::::::::::1
			1::::::::::1
			111111111111
					  
		
		*/		
		
		if (page == 1) {
			
			
			
			// headline
			//				
			//				
			var headline = createRow().inject(line_green_big());
			headline.inject(cart_box);
			line_green_big().inject(headline,'before');
			createCell(790,'STAP 1 VAN 4: ADRESGEGEVENS').inject(headline).setStyle('height',10);
			line_gray().inject(headline,'after');
			
			
			
			
			
			
			
			
			
			var shipping_switch = new Element('input',{
														'type'	:'checkbox',
														'class'	:'cart_checkbox',
														'checked':'checked',
														'events':{
															'click':function(){
																if(this.checked){
																	cart_box.getElements('input[ref^=s_]').fade('hide').setStyle('padding-left',10);
																	cart_box.getElements('div[ref^=s_]').fade('hide').setStyle('padding-left',10);
																	session_data['shipping_adres'] = 'home';	
																} else {
																	cart_box.getElements('input[ref^=s_]').fade('show').setStyle('padding-left',10);
																	cart_box.getElements('div[ref^=s_]').fade('show').setStyle('padding-left',10);
																	session_data['shipping_adres'] = 'shipping';	
																}
															}
														}
													});
			
			
			
			// Adress Titles
			//				
			//				
			row = createRow();
			row.inject(cart_box);
			createCell(390,'Adresgegevens').inject(row);
			createCell(110,'Afleveradres ').inject(row);
			createCellAdvanced(20,shipping_switch).inject(row);
			createCell(200,'Zelfde als factuuradres').setStyles({'font-size':12,'padding-top':12}).inject(row);
			line_green().inject(row,'after');
			
			
						
			row	= createRow().inject(cart_box);
			createCellInputNormal('Voornaam*','h_name_first').inject(row);
			createCellInputNormal('Voornaam*','s_name_first').inject(row).set('ref','s_1');
			line_gray().inject(row,'after');


			row	= createRow().inject(cart_box);
			createCellInputNormal('Achternaam*','h_name_last').inject(row);
			createCellInputNormal('Achternaam*','s_name_last').inject(row).set('ref','s_2');
			line_gray().inject(row,'after');

			row	= createRow().inject(cart_box);
			createCellInputNormal('Adres*','h_street1').inject(row);
			createCellInputNormal('Adres*','s_street1').inject(row).set('ref','s_3');
			line_gray().inject(row,'after');

			row	= createRow().inject(cart_box);
			createCellInputNormal('&nbsp;','h_street2').inject(row);
			createCellInputNormal('&nbsp;','s_street2').inject(row).set('ref','s_3_2');
			line_gray().inject(row,'after');

			row	= createRow().inject(cart_box);
			createCellInputNormal('Postcode*','h_zip').inject(row);
			createCellInputNormal('Postcode*','s_zip').inject(row).set('ref','s_4');
			line_gray().inject(row,'after');

			row	= createRow().inject(cart_box);
			createCellInputNormal('Plaats*','h_city').inject(row);
			createCellInputNormal('Plaats*','s_city').inject(row).set('ref','s_5');
			line_gray().inject(row,'after');

			row	= createRow().inject(cart_box);
			createCellInputNormal('Provincie','h_area').inject(row);
			createCellInputNormal('Provincie','s_area').inject(row).set('ref','s_6');
			line_gray().inject(row,'after');

			
			
			
			var country_ids = new Array('NL','GB','DE','FR','BE');
			var country_names = new Array('Nederland','England','Germany','France','Belgium');
			
			row	= createRow().inject(cart_box);
			createCellInputSelect('Land*','h_country',country_ids, country_names).inject(row);
			createCellInputSelect('Land*','s_country',country_ids, country_names).inject(row).set('ref','s_7');
			line_gray().inject(row,'after');

			// hide shipping adress
			if (session_data['shipping_adres'] == 'home' || !session_data['shipping_adres']) {
				shipping_switch.checked = 'checked';
				session_data['shipping_adres'] = 'home';
				cart_box.getElements('input[ref^=s_]').fade('hide');
				cart_box.getElements('div[ref^=s_]').fade('hide');
			};			
			
			if (session_data['shipping_adres'] == 'shipping') {
				shipping_switch.checked = '';
				cart_box.getElements('input[ref^=s_]').fade('show');
				cart_box.getElements('div[ref^=s_]').fade('show');
			};			
			
			// spacer
			//
			row	= createRow().inject(cart_box);
			line_spacer(10).inject(row);
			
			
			
			// Algemene Informatie
			//				
			//				
			row = createRow().inject(cart_box);
			createCell(400,'Algemene Informatie').setStyle('height',20).inject(row);
			createCell(350,'&nbsp;').inject(row);
			line_green().inject(row,'after');
			
			
			
			row	= createRow().inject(cart_box);
			createCellInputNormal('Telefoon','phone').inject(row);
			line_gray().inject(row,'after');

			row	= createRow().inject(cart_box);
			createCellInputNormal('E-mail*','email').inject(row);
			line_gray().inject(row,'after');
			
			row	= createRow().setStyle('height',100).inject(cart_box);
			createCellInputLong('Opmerkingen','comments').inject(row);
			line_gray().inject(row,'after');

			row	= createRow().inject(cart_box);
			line_spacer(30).inject(row);
			line_gray().inject(row,'after');
			
			row	= createRow().inject(cart_box);
			createCell(800,'Voer eventueel de code van uw cadeaubon of korting in (maximaal één per bestelling)').setStyles({'font-size':12,'padding-top':12}).inject(row);
			
			row	= createRow().inject(cart_box);
			createCellInputNormal('Code','promo').inject(row);
			
			var cado_check_field = new Element('button',{
														'html':'Check code',
														'styles':{
															'border'	:'1px solid #0f0',
															'background':'white',
															'float'		:'left',
															'margin-top':5,
															'padding'	:3
														},
														'events': {
															'click': function(){
																session_data_save();
																session_data['promo_checked']	= 0;
																session_data['promo_amount'] 	= 0;
																if (session_data['promo']) {
																	new Request.JSON({
																		url:'lib/php/checkcode.php',
																		link:'chain',
																		data:session_data,
																		onRequest:function() {
																			check_space.set('html','checking...');
																			cado_check_field.setStyle('background','white url(../lib/img/spinner2.gif)');
																		},
																		onComplete:function(result,text) {
																			cado_check_field.setStyle('background','white');
																			if (text)	{
																				if (text == 'extra') {
																					check_space.set('html','de code is goed. Extraajte word bijgevoegt.');
																					session_data['promo_checked'] = 1;
																					session_data['promo_amount'] = 0;
																					session_data['promo_type'] = 'extra';
																				} else {
																					check_space.set('html','de code is goed. Waarde = &euro; ' + (Number(text)/100).toFixed(2));
																					session_data['promo_checked'] = 1;
																					session_data['promo_amount'] = Number(text);
																					session_data['promo_type'] = 'amount';
																				}
																			} else {
																				check_space.set('html','code onjuist.');
																				session_data['promo_checked'] = 1;
																				session_data['promo_amount'] = 0;
																				session_data['promo_type'] = '';
																			}
																		}
																	}).send();
																};
															}
														}
													}).inject(row);
														
			var check_space = createCell(250,'&nbsp;').setStyles({'font-size':12,'padding-top':8,'padding-left':12}).inject(row);
			
			
			line_gray().inject(row,'after');

			
			
			
			
			
			
				
	
			// buttons
			//				
			//				
			var row_buttons = createRow();
			row_buttons.inject(cart_box);
			row_buttons.setStyle('height',80);
			row_buttons.setStyle('margin-top',50);
			
			
			
			var button_back = new Element('a',{
												'html':'Terug',
												'styles' : {
													'font-weight':'bold'
												},
												'events' : {
													'click': function(e) {
														e.stop();
														session_data_save();
														checkout(0);														
													}
												}
											});
			
			createCellAdvanced(470,button_back).inject(row_buttons).setStyle('padding-top',30);;
			
			createCell(150,'&nbsp;').inject(row_buttons);

			var button_next = new Element('a',{
												'html':'Ga verder',
												'styles' : {
													'font-weight':'bold'
												},
												'events' : {
													'click': function(e) {
														e.stop();
														session_data_save();
														var errors = 0;

														var checklist = new Array('h_name_first', 'h_name_last', 'h_street1', 'h_zip', 'h_city','email');
														checklist.each(function(item,index){
															if (session_data[item] == '') {
																if (!Browser.Engine.trident) cart_box.getElement('input[name='+item+']').getParent().getParent().highlight();
																cart_box.getElement('input[name='+item+']').setStyle('background-color','#fdd');
																cart_box.getElement('input[name='+item+']').setStyle('border','1px solid #f00');
																errors++;
															} else {
																cart_box.getElement('input[name='+item+']').setStyle('background-color','rgb(222,222,222)');
																cart_box.getElement('input[name='+item+']').setStyle('border','none');
															}
														});
														if (session_data['shipping_adres'] == 'shipping') {
															var shipping_checklist = new Array('s_name_first', 's_name_last', 's_street1', 's_zip', 's_city');
															shipping_checklist.each(function(item,index){
																if (session_data[item] == '') {
																	if (!Browser.Engine.trident)  cart_box.getElement('input[name='+item+']').getParent().getParent().highlight();
																	cart_box.getElement('input[name='+item+']').setStyle('background-color','#fdd');
																	cart_box.getElement('input[name='+item+']').setStyle('border','1px solid #f00');
																	errors++;
																} else {
																	cart_box.getElement('input[name='+item+']').setStyle('background-color','rgb(222,222,222)');
																	cart_box.getElement('input[name='+item+']').setStyle('border','none');
																}
															});
														}
														if (cart_box.getElement('input[name=promo]').get('value') != '' && !session_data['promo_checked']) {
															alert('please check code first');
															errors++;
														}
														if (!checkEmail(cart_box.getElement('input[name=email]').get('value').trim())) {
															var item = 'email';
															
															if (!Browser.Engine.trident) cart_box.getElement('input[name='+item+']').getParent().getParent().highlight();
															cart_box.getElement('input[name='+item+']').setStyle('background-color','#fdd');
															cart_box.getElement('input[name='+item+']').setStyle('border','1px solid #f00');
															errors++;
															
														}
														
														
														if (errors <= 0) {
															checkout(2);		
														}
																								
														
													}
												}
											});
			
			createCellAdvanced(150,button_next).inject(row_buttons).setStyle('padding-top',30);;

			cart_box_refresh_inputs();
			
			cartFx.slideIn();
			
		}
		
		/*		  
		
                    
			 222222222222222    
			2:::::::::::::::22  
			2::::::222222:::::2 
			2222222     2:::::2 
						2:::::2 
						2:::::2 
					 2222::::2  
				22222::::::22   
			  22::::::::222     
			 2:::::22222        
			2:::::2             
			2:::::2             
			2:::::2       222222
			2::::::2222222:::::2
			2::::::::::::::::::2
			22222222222222222222
								
								
		
		*/		
		//Step 2 Paying Method
		
		if (page == 2) {
			//session_update();
		
			// headline
			//				
			//				
			var headline = createRow().inject(line_green_big());
			headline.inject(cart_box);
			line_green_big().inject(headline,'before');
			createCell(800,'STAP 2 VAN 4: BETAALMETHODE').inject(headline).setStyle('height',10);
			line_gray().inject(headline,'after');
			
			
			
			
			var row = createRow();
			row.inject(cart_box);
			line_spacer(20).inject(row,'before');
			createCell(800,'Kies betaalmethode <span style=font-size:12px>(<a onclick=info("betaal");>lees meer</a>)</span>').inject(row);
			line_green().inject(row,'after');


			
			row = createRow().inject(cart_box);
			var payment_ideal = new Element('input',{
														'type'	:'checkbox',
														'class'	:'cart_checkbox_big',
														'checked':'',
														'events':{
															'click':function(){
																if(this.checked){
																	payment_rembours.checked = '';
																	payment_vooruit.checked = '';
																	bank_pulldown.highlight();
																	session_data['payment'] = 'ideal';
																	session_update();
																} else {
																	session_data['payment'] = '';	
																	session_update();
//																	cart_box.getElement('div[ref=ideal_box]').hide();
																}
															}
														}
													});
			createCellAdvanced(20,payment_ideal).inject(createCell(50,'&nbsp;').setStyles({'font-size':12,'padding-top':12})).inject(row);
			createCell(380,'iDeal').setStyles({'font-size':12,'padding-top':12}).inject(row);
			//line_white().inject(row,'after');
													
													


			// iDeal choose bank
			//				
			//				
			//row = createRow().inject(cart_box);
			createCell(100,'Kies uw bank: ').inject(row).setStyles({'font-size':12,'padding-top':12});
			
			var bank_pulldown = new Element('select',{
										'events': {
											'click':function(e){
												$A(this.options).each(function(obj,idx) {
													if (obj.selected) {
														session_data['bank_id'] = obj.value;
														session_update();
													}
												});
											}
										},
										'styles' : {
											'border'	: '1px solid gray',
											'font-size'	: '14px',
											'width'		: '150px',
											'height'	: '25px'
										
										}
									});
			var row_choose	= new Element('option',{'value':'0','html':'- Kies uw Bank -'}).inject(bank_pulldown);
			mollie_banklist.bank.each(function(obj, indx) {
				var row_extra	= new Element('option',{'value':obj.bank_id,'html':obj.bank_name}).inject(bank_pulldown);
				if (session_data['bank_id'] == obj.bank_id){
					row_extra.selected = 'selected';
				}
			});
			bank_pulldown.inject(createCell(140,'pulldown')).inject(row);
			line_gray().inject(row,'after');
			
			
//			row.set('ref','ideal_box');
			
	





			row = createRow().inject(cart_box);;
			var payment_vooruit = new Element('input',{
														'type'	:'checkbox',
														'class'	:'cart_checkbox_big',
														'checked':'',
														'events':{
															'click':function(){
																if(this.checked){
																	payment_rembours.checked = '';
																	payment_ideal.checked = '';
																	session_data['payment'] = 'vooruit';
																	session_update();
																} else {
																	session_data['payment'] = '';	
																	session_update();
																}
															}
														}
													});
			createCellAdvanced(20,payment_vooruit).inject(createCell(50,'&nbsp;').setStyles({'font-size':12,'padding-top':12})).inject(row);
			createCell(380,'Vooruitbetalen').inject(row).setStyles({'font-size':12,'padding-top':12});
			line_gray().inject(row,'after');

													
													
			row = createRow().inject(cart_box);;
			var payment_rembours = new Element('input',{
														'type'	:'checkbox',
														'class'	:'cart_checkbox_big',
														'checked':'',
														'events':{
															'click':function(){
																if(this.checked){
																	var error = 0;
																	if(session_data['shipping_adres'] == 'home' && session_data['h_country'] != 'NL') { alert('Onder rembours is helaas niet mogelijk buiten Nederland.');error++;}
																	if(session_data['shipping_adres'] == 'shipping' && session_data['s_country'] != 'NL') { alert('Onder rembours is helaas niet mogelijk buiten Nederland.');error++;}
																	if (!error) { 
																		payment_ideal.checked = '';
																		payment_vooruit.checked = '';
																		session_data['payment'] = 'rembours';
																		session_data['shipping_pickup'] = 'mail';	
																		shipping_pickup1.checked = 'checked';
																		shipping_pickup1.getParent().highlight();
																		shipping_pickup2.checked = '';
																		session_update();
																	} else {
																		this.checked = '';
																	}
																} else {
																	session_data['payment'] = '';	
																	session_update();
																}
															}
														}
													});
			if(session_data['shipping_adres'] == 'home' && session_data['h_country'] != 'NL') { alert('Onder rembours is helaas niet mogelijk buiten Nederland.');session_data["payment"] = '';}
			if(session_data['shipping_adres'] == 'shipping' && session_data['s_country'] != 'NL') { alert('Onder rembours is helaas niet mogelijk buiten Nederland.');session_data["payment"] = '';}
																	
			createCellAdvanced(20,payment_rembours).inject(createCell(50,'&nbsp;').setStyles({'font-size':12,'padding-top':12})).inject(row);
			createCell(380,'Onder rembours').inject(row).setStyles({'font-size':12,'padding-top':12});
			line_gray().inject(row,'after');
			
			
			
			
			if (session_data["payment"] == 'ideal') 		payment_ideal.checked = 'checked';
			if (session_data["payment"] == 'vooruit') 		payment_vooruit.checked = 'checked';
			if (session_data["payment"] == 'rembours') 		payment_rembours.checked = 'checked';
			if (session_data["payment"] == '') 				payment_rembours.checked = '';

			
			
			
			
			
			
			
			
			
			
			
			
			
			
		
			var row = createRow();
			row.inject(cart_box);
			line_spacer(20).inject(row,'before');
			createCell(800,'Kies verzendmethode').inject(row);
			line_green().inject(row,'after');

			
			row = createRow().inject(cart_box);;
			var shipping_pickup1 = new Element('input',{
														'type'	:'checkbox',
														'class'	:'cart_checkbox_big',
														'checked':'',
														'events':{
															'click':function(){
																if(this.checked){
																	shipping_pickup2.checked = '';
																	session_data['shipping_pickup'] = 'mail';
																	session_update();
																} else {
																	shipping_pickup2.checked = '';
																	session_data['shipping_pickup'] = '';	
																	session_update();
																}
															}
														}
													});
			createCellAdvanced(20,shipping_pickup1).inject(createCell(50,'&nbsp;').setStyles({'font-size':12,'padding-top':12})).inject(row);
			createCell(380,'Per post').inject(row).setStyles({'font-size':12,'padding-top':12});
			line_gray().inject(row,'after');
			
			
			
			
			row = createRow().inject(cart_box);;
			var shipping_pickup2 = new Element('input',{
														'type'	:'checkbox',
														'class'	:'cart_checkbox_big',
														'checked':'',
														'events':{
															'click':function(){
																if(this.checked){
																	
																	if(session_data['payment'] == 'rembours'){	
																		this.checked = '';
																		payment_rembours.getParent().highlight();
																	} else {
																		shipping_pickup1.checked = '';
																		session_data['shipping_pickup'] = 'pickup';
																		session_update();
																	}
																} else {
																	shipping_pickup1.checked = 'checked';
																	session_data['shipping_pickup'] = 'mail';	
																	session_update();
																}
															}
														}
													});
			createCellAdvanced(20,shipping_pickup2).inject(createCell(50,'&nbsp;').setStyles({'font-size':12,'padding-top':12})).inject(row);
			createCell(380,'Afhalen magazijn Arnhem / Geen verzendkosten ( - ' + porto_calc() + ' )').inject(row).setStyles({'font-size':12,'padding-top':12});
			line_gray().inject(row,'after');
			
			if (session_data["shipping_pickup"] == '') 			session_data["shipping_pickup"] = 'mail';
			if (session_data["shipping_pickup"] == 'mail') 		shipping_pickup1.checked = 'checked';
			if (session_data["shipping_pickup"] == 'pickup') 	shipping_pickup2.checked = 'checked';
			
	
			// buttons
			//				
			//				
			var row_buttons = createRow();
			row_buttons.inject(cart_box);
			row_buttons.setStyle('height',80);
			row_buttons.setStyle('margin-top',50);
			
			
			//createCell(470,'<b><a onclick=checkout(0);>Terug</a><b>').inject(row_buttons).setStyle('padding-top',30);
			//createCell(150,'').inject(row_buttons);
			//createCell(150,'<b><a onclick=checkout(2);>Ga verder</a></b>').inject(row_buttons).setStyle('padding-top',30);
			
			var button_back = new Element('a',{
												'html':'Terug',
												'styles' : {
													'font-weight':'bold'
												
												
												},
												'events' : {
													'click': function(e) {
														e.stop();
														session_data_save();
														checkout(1);														
													}
												}
											});
			
			createCellAdvanced(470,button_back).inject(row_buttons).setStyle('padding-top',30);;
			
			createCell(150,'').inject(row_buttons);

			var button_next = new Element('a',{
												'html':'Ga verder',
												'styles' : {
													'font-weight':'bold'
												
												},
												'events' : {
													'click': function(e) {
														e.stop();
														session_data_save();
														var errors = 0;

														if (!session_data['payment']) {
															payment_ideal.getParent().highlight();
															payment_vooruit.getParent().highlight();
															payment_rembours.getParent().highlight();
															errors++;
														}
														if (!session_data['shipping_pickup']) {
															shipping_pickup1.getParent().getParent().highlight();
															shipping_pickup1.setStyle('background-color','#fdd');
															shipping_pickup1.setStyle('border','1px solid #f00');

															shipping_pickup2.getParent().getParent().highlight();
															shipping_pickup2.setStyle('background-color','#fdd');
															shipping_pickup2.setStyle('border','1px solid #f00');

															errors++;
														}
														/*
														if (session_data['shipping_pickup'] != 'mail' && session_data['shipping_pickup'] != 'pickup') {
															shipping_pickup1.getParent().getParent().highlight();
															shipping_pickup2.getParent().getParent().highlight();
														}
														*/
														if (session_data['payment'] == 'ideal') {
															if (session_data['bank_id'] == '' || session_data['bank_id'] == 0 || !session_data['bank_id']) {
																bank_pulldown.getParent().highlight();
																bank_pulldown.setStyle('background-color','#fdd');
																bank_pulldown.setStyle('border','1px solid #f00');
																errors++;
															}
														}
														if (errors <= 0) {
															//alert(session_data['shipping_pickup'] + ' ' + session_data['payment']);
															checkout(3);		
														}
																								
														
													}
												}
											});
			
			createCellAdvanced(150,button_next).inject(row_buttons).setStyle('padding-top',30);;
/* 	
			// buttons
			//				
			//				
			var row_buttons = createRow();
			row_buttons.inject(cart_box);
			row_buttons.setStyle('height',80);
			row_buttons.setStyle('margin-top',50);
			
			
			createCell(470,'<b><a onclick=checkout(1);>Terug</a><b>').inject(row_buttons).setStyle('padding-top',30);
			createCell(150,'').inject(row_buttons);
			createCell(150,'<b><a onclick=checkout(3);>Ga verder</a></b>').inject(row_buttons).setStyle('padding-top',30);
*/
		}
		
		
		/*		  
		
                    
			 333333333333333   
			3:::::::::::::::33 
			3::::::33333::::::3
			3333333     3:::::3
						3:::::3
						3:::::3
				33333333:::::3 
				3:::::::::::3  
				33333333:::::3 
						3:::::3
						3:::::3
						3:::::3
			3333333     3:::::3
			3::::::33333::::::3
			3:::::::::::::::33 
			 333333333333333   
								
								
		
		*/		
		
		
		// Step 3  BEVESTIGING BESTELLING
		
		
		
		if (page == 3) {
		
			// headline
			//				
			//				
			var headline = createRow().inject(line_green_big());
			headline.inject(cart_box);
			line_green_big().inject(headline,'before');
			createCell(800,'STAP 3 VAN 4: BEVESTIGING BESTELLING').inject(headline).setStyle('height',25);
			line_gray().inject(headline,'after');
			
			
			
			
			
			var row	= createRow().inject(cart_box);
			line_spacer(5).inject(row,'before');
			createCell(800,'<i>Kijk hier uw bestelling en ingevulde gegevens goed na. Als u iets wilt veranderen, klikt u op ‘Terug’. Kies vervolgens een betaalmethode en klik op ‘Bevestigen’ om af te rekenen. Let op! Uw bestelling is hierna verzonden en definitief.</i>').setStyles({'font-size':12,'height':30}).inject(row);
			line_spacer(5).inject(row,'after');
			line_gray().inject(row,'after');
			
			
			
			
			
			
			
			// Bestelling
			//
			//
			row	= createRow().inject(cart_box);
			row.setStyle('height',35);
			line_spacer(20).inject(row,'before');
			createCell(800,'Bestelling').setStyles({'font-size':16,'padding-top':12}).inject(row);
			line_green().inject(row,'after');
			
			
			
			var last_item_id = 0;
			cart_calc.each(function(item,index) {
				if (item.id != last_item_id) {

					last_item_id = item.id;
					
					
					var more_items = cart_calc.filter(function(citem,cindex) {
						return citem.id == item.id;
					});
					
					item_count = more_items.length;
					
					// get product info
					product_data = item;
	
					row	= createRow().inject(cart_box);
					row.setStyles({'font-size':12,'padding-top':6,'padding-bottom':6})
					createCell(30, item_count + ' x ').inject(row).setStyle('font-size',12);
					createCell(250,product_data.name).inject(row).setStyle('font-size',12);
					createCell(80,nicePrice(product_data.price)).inject(row).setStyle('font-size',12);
					createCell(230,'&nbsp;').inject(row).setStyle('font-size',12);
					line_white().inject(row,'after');
				
				}
			
			})
			
			if (session_data['promo_type']) {
				if (session_data['promo_type'] == 'amount') {
					row	= createRow().inject(cart_box);
					createCell(30,'1x').setStyles({'font-size':12,'padding-top':8}).inject(row);
					createCell(250,'<i>Cadeaubon / kortingscode ' + session_data['promo'] + '<i>').setStyles({'font-size':12,'padding-top':8}).inject(row);
					createCell(80,nicePrice(session_data['promo_amount'])).setStyles({'font-size':12,'padding-top':8}).inject(row);
					createCell(230,'&nbsp;').setStyles({'font-size':12,'padding-top':8}).inject(row);
					line_spacer().inject(row,'after');
				}
				if (session_data['promo_type'] == 'extra') {
					row	= createRow().inject(cart_box);
					createCell(30,'1x').setStyles({'font-size':12,'padding-top':8}).inject(row);
					createCell(250,'Extraatje').setStyles({'font-size':12,'padding-top':8}).inject(row);
					createCell(80,nicePrice(0)).setStyles({'font-size':12,'padding-top':8}).inject(row);
					createCell(230,'&nbsp;').setStyles({'font-size':12,'padding-top':8}).inject(row);
					line_white().inject(row,'after');
				}
			}
			
			
						
			row	= createRow().inject(cart_box);
			row.setStyle('margin-top',30);
			createCell(800,'Totaalbedrag inclusief verzendkosten en BTW ' + total_calc()).setStyles({'font-size':12,'padding-top':12,'padding-bottom':12,'height':30}).inject(row);
			line_gray().inject(row,'after');
			
			
			
			// Adress Titles
			//				
			//				
			row = createRow();
			row.inject(cart_box);
			row.setStyle('height',35);
			line_spacer(20).inject(row,'before');
			createCell(390,'Factuuradres').inject(row);
			createCell(390,'Afleveradres').inject(row);
			line_green().inject(row,'after');
			
			
			row = createRow().inject(cart_box).setStyle('height',80);
			//row.setStyles({'padding':0});
			//line_spacer(8).inject(row,'before');
			createCell(390,session_data['h_name_first'] + ' ' + session_data['h_name_last'] + '<br/>' + session_data['h_street1'] + '<br/>' + session_data['h_street2'] + '<br/>' + session_data['h_zip'] + ' ' + session_data['h_city'] + '<br/>' + session_data['h_country']).setStyles({'font-size':12,'height':80}).inject(row);
			if (session_data['shipping_adres'] == 'home') {
				createCell(390,session_data['h_name_first'] + ' ' + session_data['h_name_last'] + '<br/>' + session_data['h_street1'] + '<br/>' + session_data['h_street2'] + '<br/>' + session_data['h_zip'] + ' ' + session_data['h_city'] + '<br/>' + session_data['h_country']).setStyles({'font-size':12,'height':80}).inject(row);
			} else {
				createCell(390,session_data['s_name_first'] + ' ' + session_data['s_name_last'] + '<br/>' + session_data['s_street1'] + '<br/>' + session_data['s_street2'] + '<br/>' + session_data['s_zip'] + ' ' + session_data['s_city'] + '<br/>' + session_data['s_country']).setStyles({'font-size':12,'height':80}).inject(row);
			}		
			//line_spacer(8).inject(row,'after');
			line_gray().inject(row,'after');
			
			
			
			row	= createRow().inject(cart_box).setStyle('height',80);
			createCell(150,'Telefoon<br/>E-mail<br/>Opmerkingen').setStyles({'font-size':12,'padding-top':12,'height':80}).inject(row);
			createCell(630,session_data['phone'] + '<br/>' + session_data['email'] + '<br/>' + session_data['comments']).setStyles({'font-size':12,'padding-top':12,'height':80}).inject(row);
			line_gray().inject(row,'after');
			line_spacer(20).inject(row,'before');
			
	
			// buttons
			//				
			//				
			var row_buttons = createRow();
			row_buttons.inject(cart_box);
			row_buttons.setStyle('height',80);
			row_buttons.setStyle('margin-top',50);
			
			var button_back = new Element('a',{
												'html':'Terug',
												'styles' : {
													'font-weight':'bold'
												
												
												},
												'events' : {
													'click': function(e) {
														e.stop();
														checkout(2);														
													}
												}
											});
			
			createCellAdvanced(470,button_back).inject(row_buttons).setStyle('padding-top',30);;
			
			createCell(150,'').inject(row_buttons);

			var button_next = new Element('a',{
												'html':'Bevestigen',
												'styles' : {
												
													'font-weight':'bold'
												
												},
												'events' : {
													'click': function(e) {
														e.stop();

														if (session_data['payment'] == 'ideal') 	checkout(4);
														if (session_data['payment'] == 'vooruit') 	checkout(7);
														if (session_data['payment'] == 'rembours') 	checkout(8);
														if (session_data['payment'] == '') alert('error');
														
														
													}
												}
											});
			
			createCellAdvanced(150,button_next).inject(row_buttons).setStyle('padding-top',30);;

		}
		/*		  
		
							  
				   444444444  
				  4::::::::4  
				 4:::::::::4  
				4::::44::::4  
			   4::::4 4::::4  
			  4::::4  4::::4  
			 4::::4   4::::4  
			4::::444444::::444
			4::::::::::::::::4
			4444444444:::::444
					  4::::4  
					  4::::4  
					  4::::4  
					44::::::44
					4::::::::4
					4444444444
							  
								
		
		*/		
		
		// Step 4 /// Molly
		if (page == 4) {
			//session_update();
			// headline
			//				
			//				
			var headline = createRow().inject(line_green_big());
			headline.inject(cart_box);
			line_green_big().inject(headline,'before');
			createCell(480,'STAP 4 VAN 4: BETALEN').inject(headline).setStyle('height',10);
			line_gray().inject(headline,'after');
			
			
			
			
			
			var row	= createRow().inject(cart_box);
			/*
			var bank_frame = new Element('iframe',{
													'src':'lib/php/checkout.php',
													'styles': {
														'width'	: 800,
														'height': 600,
														'border': '2px solid rgb(222,222,222)'
													}
													
													}).inject(row);
			*/
			
			
			createCell(470,'(Wachten op iDeal / Mollie)<br/><br/>De betaaling gelukt, maar de site reageerd niet? <a onclick:checkout(5);>klik hier</a><br/><br/>').inject(row).setStyles({'padding-top':30,'font-size':12,'height':140});
			line_spacer(30).inject(row);
			line_gray().inject(row,'after');


			
			mollie_window = window.open('lib/php/checkout.php','checkout_window',"width=800,height=600,location=1,status=1");
			mollie_window.focus();
/*
			self.focus();
			var mollie_window_check = function() {
				if (mollie_window.closed) {
					alert('closed');
					
				} else {
					var t = setTimeout(mollie_window_check(),5000);
				}
			};
			mollie_window_check();
*/			
			

			
			
			// buttons
			//				
			//				
			var row_buttons = createRow();
			row_buttons.inject(cart_box);
			row_buttons.setStyle('height',80);
			row_buttons.setStyle('margin-top',50);
			
			
			createCell(470,'<b><a onclick=checkout(3);>Terug</a><b>').inject(row_buttons).setStyle('padding-top',30);
			createCell(150,'').inject(row_buttons);
			createCell(150,'').inject(row_buttons).setStyle('padding-top',30);
			

		}

		/*		  
					
			555555555555555555 
			5::::::::::::::::5 
			5::::::::::::::::5 
			5:::::555555555555 
			5:::::5            
			5:::::5            
			5:::::5555555555   
			5:::::::::::::::5  
			555555555555:::::5 
						5:::::5
						5:::::5
			5555555     5:::::5
			5::::::55555::::::5
			 55:::::::::::::55 
			   55:::::::::55   
				 555555555     
							   
											
		
		*/		
	
		// Step 5 iDeal Success
		if (page == 5) {
			
			
			
			// headline
			//				
			//				
			var headline = createRow().inject(line_green_big());
			headline.inject(cart_box);
			line_green_big().inject(headline,'before');
			createCell(480,'BETAALING VOLTOOID').inject(headline).setStyle('height',10);
			line_gray().inject(headline,'after');
			
			
			// buttons
			//				
			//				
			var row_buttons = createRow();
			row_buttons.inject(cart_box);
			row_buttons.setStyle('height',80);
			row_buttons.setStyle('margin-top',50);
			
			
			createCell(250,'<b><a onclick=$(\'menu_button_overview\').fireEvent(\'click\');>Terug na de Winkel</a></b>').inject(row_buttons).setStyle('padding-top',30);
			createCell(520,'&nbsp;').inject(row_buttons);
			
			
			destroy_session();
			
		}

		/*		  
		
									
						66666666   
					   6::::::6    
					  6::::::6     
					 6::::::6      
					6::::::6       
				   6::::::6        
				  6::::::6         
				 6::::::::66666    
				6::::::::::::::66  
				6::::::66666:::::6 
				6:::::6     6:::::6
				6:::::6     6:::::6
				6::::::66666::::::6
				 66:::::::::::::66 
				   66:::::::::66   
					 666666666     
								   
 								
		
		*/		
	
		// Step 6 iDeal Fail
		if (page == 6) {
			
			
			//initCart();
			
			// headline
			//				
			//				
			var headline = createRow().inject(line_green_big());
			headline.inject(cart_box);
			line_green_big().inject(headline,'before');
			createCell(480,'BETAALING NIET GELUKT').inject(headline).setStyle('height',10);
			line_gray().inject(headline,'after');
			
			
			// buttons
			//				
			//				
			var row_buttons = createRow();
			row_buttons.inject(cart_box);
			row_buttons.setStyle('height',80);
			row_buttons.setStyle('margin-top',50);
			
			
			createCell(250,'<b><a onclick=checkout(0);>Terug</a></b>').inject(row_buttons).setStyle('padding-top',30);
			createCell(520,'&nbsp;').inject(row_buttons);
			session_sync();
			//initCart();
		}

		//
		//
		//
		// Step 7
		//
		//
		//
		//
		if (page == 7) {
			//				
			//				
			var headline = createRow().inject(line_green_big());
			headline.inject(cart_box);
			line_green_big().inject(headline,'before');
			createCell(480,'STAP 4 VAN 4: BETALEN').inject(headline).setStyle('height',10);
			line_gray().inject(headline,'after');
			
			
			
			
			
			var row	= createRow().inject(cart_box);
			row.setStyle('height',35);
			line_spacer(20).inject(row,'before');
			createCell(800,'Vooruitbetalen').setStyles({'font-size':16,'padding-top':12}).inject(row);
			line_green().inject(row,'after');
			

			var row	= createRow().inject(cart_box);
			line_spacer(5).inject(row,'before');
			createCell(800,'loading...').setStyles({'font-size':12,'height':30}).inject(row).load('lib/php/checkout_other.php');
			line_spacer(5).inject(row,'after');
			line_gray().inject(row,'after');
			
			
			
			// buttons
			//				
			//				
			var row_buttons = createRow();
			row_buttons.inject(cart_box);
			row_buttons.setStyle('height',80);
			row_buttons.setStyle('margin-top',50);
			
			
			createCell(470,'<b><a onclick=$(\'menu_button_overview\').fireEvent(\'click\');>Terug</a><b>').inject(row_buttons).setStyle('padding-top',30);
			createCell(150,'&nbsp;').inject(row_buttons);
			createCell(150,'&nbsp;').inject(row_buttons).setStyle('padding-top',30);
			

		}
		//
		//
		//
		// Step 8
		//
		//
		//
		//
		if (page == 8) {
			//				
			//				
			var headline = createRow().inject(line_green_big());
			headline.inject(cart_box);
			line_green_big().inject(headline,'before');
			createCell(480,'STAP 4 VAN 4: BETALEN').inject(headline).setStyle('height',10);
			line_gray().inject(headline,'after');
			
			
			
			
			
			var row	= createRow().inject(cart_box);
			row.setStyle('height',35);
			line_spacer(20).inject(row,'before');
			createCell(800,'Onder rembours').setStyles({'font-size':16,'padding-top':12}).inject(row);
			line_green().inject(row,'after');
			

			var row	= createRow().inject(cart_box);
			line_spacer(5).inject(row,'before');
			createCell(800,'loading...').setStyles({'font-size':12,'height':30}).inject(row).load('lib/php/checkout_other.php');
			line_spacer(5).inject(row,'after');
			line_gray().inject(row,'after');
			
			
			
			// buttons
			//				
			//				
			var row_buttons = createRow();
			row_buttons.inject(cart_box);
			row_buttons.setStyle('height',80);
			row_buttons.setStyle('margin-top',50);
			
			
			createCell(470,'<b><a onclick=$(\'menu_button_overview\').fireEvent(\'click\');>Terug</a><b>').inject(row_buttons).setStyle('padding-top',30);
			createCell(150,'').inject(row_buttons);
			createCell(150,'').inject(row_buttons).setStyle('padding-top',30);
			
			

		}

		
		hider.setStyle('background-color','white');
		if (products.getSize().y > splash.getSize().y) {
			hider.setStyle('height',products.getSize().y + 300);
		} else {
			hider.setStyle('height',splash.getSize().y + 300);
		}

		if (hider.getStyle('height').toInt() <= 500) {
			hider.setStyle('height',2000);
		}

		
		winFx.toElement(navigator).chain(function(){
			cartFx.slideIn();
		});
				
	
	}
	
	
	checkout_mollie = function() {
		media_array = null;
	   	var request = new Request({
			url: 'lib/php/checkout_mollie.php',
			link:'chain',
			onComplete: function(result, text) {
				alert(text);
			}
		}).send();
	}
	
	
	
	
	
	hider.addEvents({
		'click':function() {
			hide_cart();
		},
		'mouseover':function() {
			//hider_drag.attach();
			//this.setStyle('background-color','rgb(0, 255, 0)');
		},
		'mouseout':function() {
			//hider_drag.detach();
			//this.setStyle('background-color','white');
		}
	});
	
	cart_inspector.addEvents({
		'click':function() {
			if(cart_calc.length >= 1) {
				if (cartFx.open) {
					cartFx.slideOut();
					hider.fade(0.0);
				} else {
					show_cart();
				}
			} 
		},
		'mouseover':function() {
			this.setStyle('background-color','rgb(0, 255, 0)');
		},
		'mouseout':function() {
			this.setStyle('background-color','white');
		}
	});
	
	
	
	
	
	//////////////////////////////////////////////////////////////////////// Products
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////


	var initProducts = function() {
		product_array = null;
	   	var request = new Request.JSON({
			url: 'lib/php/products.php' ,
			onRequest: function() {
				products.empty();
			},
			onComplete: function(result, text) {
				product_array = result;
				initSubmenus();
				session_sync();
				if (user_product_request > 0) {
					open_product(user_product_request);
				} else {
					showProducts();
				}

			}
		}).send();
    	
	}
	
	
	var showProducts = function() {
		products.empty();
		menu_active = $('menu_button_overview').id;
		$('menu_button_overview').setStyle('background-color','#0f0');
		navigator.set('html', '');
		product_array = product_array.objSort("name",0);
		
		var temp_products_new = new Array();
		var temp_products_normal = new Array();
		
		product_array.each(function(item, index) {
			if (item['status']) {
				temp_products_new.push(item);
			} else {
				temp_products_normal.push(item);
			}
		
		});
		
		temp_products_new.extend(temp_products_normal);
		product_array = temp_products_new;
		
		var fxTime = 0;
		var counter = 0;
		product_array.each(function(item, index) {
			var product 		= new Element('div',{
													'uid':item['id'],
													'class':'product',
													'events':{
														'click':function(){
															// cart_item_add(item['id']);
															open_product(item['id']);
														},
														'mouseover':function(){
															this.setStyle('background-color','#0f0');
															this.getElement('div[class^=product_price_box]').setStyle('background-image','url(lib/img/priceTag_normal.png)');
														},
														'mouseout':function(){
															this.setStyle('background-color','#fff');
															this.getElement('div[class^=product_price_box]').setStyle('background-image','url(lib/img/priceTag_mask.png)');
														}
													}
												}).inject(products);
			var product_image_box 	= new Element('div',{'class':'product_image_box'}).inject(product);
			var product_image 		= new Element('img',{'src':'files/img/pic.php?quality=90&size=145&im=' + get_media(item['thumb']),'width':'145px','height':'145px'}).inject(product_image_box);
			
			var product_title_box 	= new Element('div',{'class':'product_title_box'}).inject(product);
			var product_title 		= new Element('div',{'html':item['name'], 	'class':'product_title'}).inject(product_title_box);
			var product_subtitle 	= new Element('div',{'html':item['designer'], 	'class':'product_subtitle'}).inject(product_title_box);
			var product_price_box 	= new Element('div',{'class':'product_price_box'}).inject(product);
			var product_price 		= new Element('div',{'html':price_tag(item['price']), 	'class':'product_price'}).inject(product_price_box);
			
			var product_stock_box 	= new Element('div',{'class':'product_stock_box'}).inject(product);
			
			var stock_amount = item['stock'] ? item['stock'] : '0';
			var product_stock 		= new Element('div',{'html':stock_amount + ' van ' + item['stock_start'], 	'class':'product_stock_amount'}).inject(product_stock_box);
			var stock_status = item['stock'] >= 1 ? 'beschikbaar' : '<span style=color:red>uitverkocht</span>';
			var product_status 		= new Element('div',{'html':stock_status, 	'class':'product_stock_status'}).inject(product_stock_box);

			product.fade('hide');
			(function(){product.fade(1.0)}).delay(fxTime);
			fxTime = Number(fxTime) + 100;

			var fif = product_array.length - index;
			if (fif <= 5) product.setStyle('border-bottom','1px solid white');
			if ((product_array.length - index) == 1) product.setStyle('border-right','1px solid white');
			
			if (counter == 4) {
				product.setStyle('border-right','none');
				counter = 0;
			} else {
				counter++;
			}
			
		});
		history().inject(products);
		var filler = new Element('div',	{	
											'styles':{
												'background-color'	: 'white',
												'float'				: 'left',
												'display'			: 'block',
												'height'			: 200,
												'width'				: 790
											}
										}).inject(products); 
	}
		
	
	//////////////////////////////////////////////////////////////////////// show Designers
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	
	
	var showDesigners = function() {
		products.empty();
		splash.empty();
		
		var headline = new Element('div', {
									'styles': {
										'left'			: 0,
										'right'			: 0,
										'width'			: 794,
										'height'		: 15,
										'margin-left'	: '0px',
										'margin-top'	: '5px',
										'background'	: 'white',
										'float'			: 'left',
										'font-size'		: '16px',
										'font-weight'	: 'normal',
										'font-family'	: 'helvetica',
										'padding'		: '8px',
										'border-top'	: '8px solid rgb(0,255,0)',
										'border-bottom'	: '1px dashed rgb(222,222,222)'
									},
									'html':'ONTWERPERS'
								});

		var holder = new Element('div', {
											'styles': {
												'width'			: 810,
												'margin'		: '0px',
												'background'	: 'white',
												'float'			: 'left',
												'padding'		: '0px'
											}
										}).inject(splash);


		
		
		
		
		
		var fxTime = 0;
		var counter = 0;
		
		designer_array.each(function(item, index) {
			var product 		= new Element('div',{
													'uid':item['id'],
													'class':'product',
													'events':{
														'click':function(){
															// cart_item_add(item['id']);
															open_designer(item['id']);
														},
														'mouseover':function(){
															this.setStyle('background-color','#0f0');
														},
														'mouseout':function(){
															this.setStyle('background-color','#fff');
														}
													}
												}).inject(holder);
			var product_image_box 	= new Element('div',{'class':'product_image_box'}).inject(product);
			var product_image 		= new Element('img',{'src':'files/img/pic.php?quality=90&size=145&im=' + get_media(item['thumb']),'width':'145px','height':'145px'}).inject(product_image_box);
			
			var product_title_box 	= new Element('div',{'class':'product_title_box'}).inject(product);
			var product_title 		= new Element('div',{'html':item['name'], 	'class':'product_title'}).inject(product_title_box);
			var product_subtitle 	= new Element('div',{'html':item['category'], 	'class':'product_subtitle'}).inject(product_title_box);

			
			
			product.fade('hide');
			(function(){product.fade(1.0)}).delay(fxTime);
			fxTime = Number(fxTime) + 100;
			
			var fif = designer_array.length - index;
			if (fif <= 5) product.setStyle('border-bottom','1px solid white');
			
			if ((designer_array.length - index) == 1) product.setStyle('border-right','1px solid white');
			
			if (counter == 4) {
				product.setStyle('border-right','none');
				counter = 0;
			} else {
				counter++;
			}
		
		});
		
		history().inject(splash);
		var filler = new Element('div',	{	
											'styles':{
												'background-color'	: 'white',
												'float'				: 'left',
												'display'			: 'block',
												'height'			: 200,
												'width'				: 790
											}
										}).inject(splash); 
	}

	var get_media = function(id) {
		if (id) {
			var output = new Array();
			media_array.each(function(item,index){
				if (item['id'] == id) {
					output.push(item['file']);
				}
			});
		};
		return output;
	
	}
	
	
	
	
	//////////////////////////////////////////////////////////////////////// Product Open
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////

	
	var winFx = new Fx.Scroll($(document.body),{duration:400});
	
	var arrow = ' <span style=color:rgb(0,255,0)>&rarr;</span> ';
	var arrow = ' <span style=color:rgb(0,0,0)> &gt; </span> ';
	
	var open_product = function(id) {
		if (menu_active != '') $(menu_active).setStyle('background-color','#fff');
		menu_active = '';
		product_array.each(function(item, index) {
			if (item['id'] == id) { 
				
				history_array.include(id);
				winFx.set(0, document.body.getScroll().y);
				winFx.toElement(document.body).chain(function(){
					pageTracker._trackPageview('product/'+ item['name']);
					splash.empty();
	
					page_style('product');
					gallery(item['gallery']).inject(splash);
	
					product_info(item).inject(splash);
					products.hide();
	
					(function(){products_list('GERELATEERDE PRODUCTEN','designer',item['designer'],5,item['id'],0,1).inject(splash)}).delay(200);
					(function(){history().inject(splash)}).delay(300);
					(function(){filler_list(' ').inject(splash)}).delay(400);
	
					navigator.set('html', '<a href=# onclick=$("menu_button_overview").fireEvent("click");>product overzicht</a> ' + arrow + '<a href=# onclick=open_designer(' + getDesignerID(item['designer']) + ');>' + item['designer'].toLowerCase() + '</a>' + arrow + '<a href=# onclick=open_product(' + item['id'] + ');>' + item['category'].toLowerCase() + ' ' + item['name'].toLowerCase() + '</a>');
				});
			}
		});
	}

	//////////////////////////////////////////////////////////////////////// Designer Open
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////


	open_designer = function(id) {
		designer_array.each(function(item, index) {
			if (item['id'] == id) {
				menu_active = '';
				products.hide();
				page_style('product'); 
				splash.empty();
				pageTracker._trackPageview('designer/' + item['name']);
				

				designer_info(item).inject(splash);
				filler_list(' ').inject(splash).setStyle('height',30);
				
				(function(){products_list('GERELATEERDE PRODUCTEN','designer',item['name'],5,'nobody',0,1).inject(splash)}).delay(100);
				(function(){history().inject(splash)}).delay(300);
				(function(){filler_list(' ').inject(splash)}).delay(500);

				navigator.set('html', '<a href=# onclick=$("menu_button_overview").fireEvent("click");>product overzicht</a> ' + arrow + '<a href=# onclick=$("menu_button_ontwerpers").fireEvent("click");>ontwerpers</a>' + arrow + item['name']);

				
				
			}
		});
	}
	
	//////////////////////////////////////////////////////////////////////// How its made Open
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////


	var open_how = function(id,name) {
		products.hide();
		page_style('product'); 
		splash.empty();

		
		how_page(id,name).inject(splash);
		
		
		filler_list('&nbsp;').inject(splash);
	}

	//////////////////////////////////////////////////////////////////////// Contact
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////


	var openContact = function() {
		products.hide();
		page_style('product'); 
		splash.empty();

		
		pageTracker._trackPageview('contact');
		page_contact().inject(splash);
		
		
		filler_list('&nbsp;').inject(splash);
	}
	//////////////////////////////////////////////////////////////////////// FAQ
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////


	var openFAQ = function() {
		products.hide();
		page_style('product'); 
		splash.empty();

		
		pageTracker._trackPageview('faq');
		page_faq().inject(splash);
		
		
		filler_list(' ').inject(splash);
	}


	//////////////////////////////////////////////////////////////////////// COLOFON
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////


	var openColofon = function() {
		products.hide();
		page_style('product'); 
		splash.empty();

		
		pageTracker._trackPageview('Colofon');
		//page_colofon().inject(splash).slide('hide').set('slide',{ duration:400}).slide('in');
		page_colofon().inject(splash);
		
		
		filler_list(' ').inject(splash);
	}


	
	
	//////////////////////////////////////////////////////////////////////// Page Style
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	
	var page_style_global = '';
	
	var page_style = function(style) {
		if (style == 'product' && page_style_global != style) 
		{		
				page_style_global = style;
				products.empty();
				//splash.empty();
				products.hide();
//				splash.tween('height','auto');
				splash.setStyle('background-image','none');
				//products.tween('top',155);
				$('menu_button_overview').setStyle('background','white');
				$('menu_button_howitsmade').setStyle('background','white');
				$('menu_button_ontwerpers').setStyle('background','white');
				//initProducts();
		}
		
		if (style == 'home' && page_style_global != style) 
		{		
				page_style_global = style;
				products.show();
				products.empty();
				splash.empty();
				splash.setStyle('background-image','url(lib/img/Taartenfeestje1.jpg)');
				//splash.setStyle('background-image','url(lib/img/Vakantie.jpg)');
				//splash.tween('height',145);
				
				
				products.tween('top',330);
				//menu.tween('top',330);
				//menu.tween('top',158);
		}
		
		
	
	
	}
	
	//////////////////////////////////////////////////////////////////////// Gallery
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	
	var gallery = function(images) {
	
		var gallery = new Element('div', {
											'styles': {
												'width'			: 814,
												'height'		: 469,
												'overflow'		: 'visible',
												'background'	: 'white'
											},
											'html'	: ''
										});
		
		
		images = images.split('.');


		var gallery_left = new Element('div').inject(gallery);
		gallery_left.setStyle('width',469);
		gallery_left.setStyle('height',469);
		gallery_left.setStyle('overflow','hidden');
		gallery_left.setStyle('background','white');
		gallery_left.setStyle('float','left');
		


		var gallery_holder = new Element('div').inject(gallery_left);
		gallery_holder.setStyle('width',469 * images.length);
		gallery_holder.setStyle('height',469);
		gallery_holder.setStyle('margin-top','5px');
		gallery_holder.setStyle('background','green');
		
		var gallery_menu = new Element('div').inject(gallery);
		gallery_menu.setStyle('float','left');
		gallery_menu.setStyle('width',340);
		gallery_menu.setStyle('position','relative');
		gallery_menu.setStyle('height',475);
		gallery_left.setStyle('overflow','hidden');
		gallery_menu.setStyle('margin','0px');
		gallery_menu.setStyle('left',5);
		
		gallery_menu.setStyle('background','white');
		
		var gallery_menu_holder = new Element('div').inject(gallery_menu);
		gallery_menu_holder.setStyle('width',340);
		gallery_menu_holder.setStyle('height',150 * (images.length/2));
		gallery_menu_holder.setStyle('margin','0 auto');
		gallery_menu_holder.setStyle('background','white');
		
		
		var gallery_choice;
		
		images.each(function(item,index) {
			var scroll_box = new Element('div', {
											'styles': {
												'width'			: 469,
												'height'		: 469,
												'margin'		: '0px',
												'background'	: 'white',
												'float'			: 'left',
												'background':'white url(../lib/img/spinner.gif) no-repeat center'
											},
											'html'	: ''
										}).inject(gallery_holder);
			var product_image 		= new Element('img',{'src':'files/img/pic.php?size=469&quality=90&im=' + get_media(item),'width':'469px','height':'469px'}).inject(scroll_box);
			
			if (images.length >= 2) {
				var product_image_menu 	= new Element('div', {
												'styles': {
													'width'			: 145,
													'height'		: 145,
													'padding'		: 6,
													'margin'		: '0 auto',
													'margin-left'	: 5,
													'background'	: 'white',
													'text-align'	: 'center',
													'float'			: 'left',
													'cursor'		: 'pointer'
												}
											}).inject(gallery_menu_holder);
				if (index == 0) {
					gallery_choice = product_image_menu;
				}
											
											
				product_image_menu.addEvents({
					'click':function() {
						gallery_holder.tween('margin-left',(469 * index) * -1);
						gallery_choice.setStyle('background-color','white');
						gallery_choice = this;
						this.setStyle('background-color','rgb(0, 255, 0)');
					},
					'mouseover':function() {
						if (gallery_choice != this) {
							this.setStyle('background-color','rgb(222, 222, 222)');
						} 
					},
					'mouseout':function() {
						if (gallery_choice == this) {
							this.setStyle('background-color','rgb(0, 255, 0)');
						} else {
							this.setStyle('background-color','white');
						}
					}
				});
				
				(function(){ (gallery_choice == product_image_menu) ? product_image_menu.setStyle('background-color','rgb(0, 255, 0)') : product_image_menu.setStyle('background-color','white')  }).delay(1000);
				
				var product_image_thumb	= new Element('img',{'src':'files/img/pic.php?size=145&quality=90&im=' + get_media(item),'width':'145px','height':'145px'}).inject(product_image_menu);
			}
					
		
		});
		/*
		var gallery_menu_scroller = new Scroller(gallery_menu, {
			area: 80,
			onChange:function(Mx,My){
				//gallery_menu_holder.tween('margin-top',images.length * 150 / 2 * -1);
				cart.set('html',My);
			}
		}).start();
		*/

		return gallery;
	
	};
	
		/*
		(function(){
			this.stop();
			this.start();
		}).periodical(1000,gallery_menu_scroller);
		*/
	
	//////////////////////////////////////////////////////////////////////// Product Info
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	
	
	var product_info = function(product) {
	
		var info_box = new Element('div', {
											'styles': {
												'width'			: 469,
												'height'		: 'auto', 
												'margin'		: 0,
												'border'		: 'none',
												'background'	: 'white',
												'float'			: 'left',
												'padding'		: '5px',
												'padding-left'	: '0px',
												'font-size'		: '18px',
												'font-weight'	: 'bold',
												'font-family'	: 'helvetica',
												'display'		: 'block'
											},
											'html'	: product['name']
										});
										
		
		// info list

		// info Long Text

		var info_field_infotext = new Element('div', {
											'styles': {
												'margin'		: '0px',
												'margin-top'	: '15px',
												'margin-bottom'	: '25px',
												'color'			: 'black',
												'float'			: 'left',
												'width'			: '460px',
												'font-size'		: '12px',
												'font-weight'	: 'normal',
												'font-family'	: 'helvetica',
												'padding'		: '3px'
											},
											'html' : product['info']
											
										}).inject(info_box);


		
		var infos = new Array('designer','stock_start','stock','material','size');
		var infos_long = new Array('Ontwerper:','Gelimiteerde oplage:','Beschikbaar:','Materiaal:','Afmeting:');
		
		infos.each(function(item,index) {
			
			var info_field_left = new Element('div', {
												'styles': {
													'margin'		: '0px',
													'color'			: 'black',
													'float'			: 'left',
													'clear'			: 'left',
													'font-size'		: '12px',
													'font-weight'	: 'normal',
													'font-family'	: 'helvetica',
													'padding'		: '3px',
													'padding-top'	: '3px',
													'width'			: '150px',
													'text-align'	: 'left',
													'padding-bottom': '1px',
													'padding-left'	: '1px'												
												},
												'html' : infos_long[index]												
											}).inject(info_box);
			var info_field_right = new Element('div', {
												'styles': {
													'margin'		: '0px',
													'width'			: '310px',
													'color'			: 'black',
													'float'			: 'left',
													'font-size'		: '12px',
													'font-weight'	: 'bold',
													'font-family'	: 'helvetica',
													'padding'		: '3px',
													'padding-top'	: '3px',
													'padding-bottom': '1px',
													'padding-left'	: '0px'
												},
												'html' : product[item]
												
											}).inject(info_box);
											
/*
			if (item == 'designer') {
				var designer = getDesigner(product[item]);
//				var designer = designer_array[Number(info_field_right.get('html')) - 1];
				info_field_right.set('html', designer);
			}
*/
			if (item == 'stock' || item == 'stock_start') {
				
				info_field_right.set('html', info_field_right.get('html') + ' stuks');
			}
		
		})
	



		// info Long Text

		var buy_button 		    = new Element('div', {
											'class': 'product_buy_button',
											'html' : '&nbsp;'
											
										}).inject(info_box);
		
		
		buy_button.addEvents({
			'click': function() {
				cart_item_add(product);
			},
			'mouseover': function() {
				this.setStyle('background-image','url(lib/img/buy_over.png)');
				
			},
			'mouseout': function() {
				this.setStyle('background-image','url(lib/img/buy_normal.png)');
			}
		});
			
		var product_price_box 	= new Element('div',{'class':'product_price_box'}).inject(info_box);
		product_price_box.setStyle('left',300);
		product_price_box.setStyle('top',info_box.getSize().y.toInt() + 470 + 140);
		
		buy_button.setStyle('top',info_box.getSize().y.toInt() + 470 + 120);
		var product_price 		= new Element('div',{'html':price_tag(product['price']),'class':'product_price'}).inject(product_price_box);

		//
		// FF - Fix
		//
		if (Browser.Engine.gecko) {
			buy_button.setStyle('left',540);
			buy_button.setStyle('top',200 + 470 + 100);
			product_price_box.setStyle('left',460);
			product_price_box.setStyle('top',200 + 470 + 120);
			//alert(info_box.getCoordinates(product_price_box).height);
		}


		return info_box;
		
		
	};
	//////////////////////////////////////////////////////////////////////// Designer Info
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	
	
	var designer_info = function(designer) {
	
		var info_box = new Element('div', {
											'styles': {
												'width'			: 469,
												'height'		: 300,
												'margin'		: '0px',
												'background'	: 'white',
												'float'			: 'left',
												'padding'		: '5px',
												'padding'		: '5px',
												'font-size'		: '18px',
												'font-weight'	: 'bold',
												'font-family'	: 'helvetica'
											},
											'html':designer['name']
										});
										
		


		
		var product_image_box = new Element('div', {
											'styles': {
												'width'			: 155,
												'height'		: 155,
												'margin'		: '0px',
												'background'	: 'white',
												'float'			: 'left',
												'padding'		: '5px'
											}
										}).inject(info_box);
		var product_image 		= new Element('img',{'src':'files/img/pic.php?size=145&quality=90&im=' + get_media(designer['thumb']),'width':'145px','height':'145px'}).inject(product_image_box);



		// info Long Text

		var info_field_infotext = new Element('div', {
											'styles': {
												'margin'		: '0px',
												'margin-top'	: '15px',
												'margin-bottom'	: '25px',
												'color'			: 'black',
												'float'			: 'left',
												'width'			: '280px',
												'font-size'		: '12px',
												'font-weight'	: 'normal',
												'font-family'	: 'helvetica',
												'padding'		: '3px'
											},
											'html' : designer['info']
											
										}).inject(info_box);








			
		var info_field_link = new Element('div', {
												'styles': {
													'margin'		: '0px',
													'color'			: 'black',
													'float'			: 'left',
													'font-size'		: '12px',
													'font-weight'	: 'bold',
													'font-family'	: 'helvetica',
													'padding'		: '3px'
												},
												'html' : designer['link']
												
											}).inject(info_field_infotext);





		return info_box;
		
		
	};

	//////////////////////////////////////////////////////////////////////// How Info
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	
	
	
	var how_page = function(id,name) {
		
		var info_box = new Element('div', {
											'styles': {
												'width'			: 810,
												'margin'		: '0px',
												'background'	: 'white',
												'float'			: 'left',
												'padding'		: '5px',
												'padding-top'	: '0px',
												'font-size'		: '18px',
												'font-weight'	: 'bold',
												'font-family'	: 'helvetica'
											},
											'html': ''
										});
		// headline
		//				
		//
		var headline = createRow();
		headline.inject(info_box);
		line_green_big().inject(headline,'before');
		createCell(800,('How it\'s made').toUpperCase()).inject(headline).setStyle('height',10);
		line_gray().inject(headline,'after');
		
							
		var video_frame = new Element('iframe', {
											'name'			: 'flashThing',
											'marginheight'	: 0,
											'marginwidth'	: 0,
											'width'			: 810,
											'height'		: 460,
											'frameborder'	: 0,
											'scrolling'		: 'no',
											'src'			: 'lib/php/video_v1.php?id=' + id + '&width=' + 800 + '&height=' + 450,
											'styles': {
												'background'	: 'white',
												'float'			: 'left'
											}
										}).inject(info_box);
		
		var title_box = new Element('div', {
											'styles': {
												'width'			: 810,
												'margin'		: '0px',
												'background'	: 'white',
												'float'			: 'left',
												'padding'		: '5px',
												'padding'		: '5px',
												'font-size'		: '18px',
												'font-weight'	: 'bold',
												'font-family'	: 'helvetica'
											},
											'html': name
										}).inject(info_box);


		
		

		return info_box;
		
		
	};
	
	
	//////////////////////////////////////////////////////////////////////// Contact
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	
	
	var page_contact = function() {
		
		var cart_box = new Element('div', {
											'styles': {
												'width'			: 810,
												'margin'		: '0px',
												'background'	: 'white',
												'float'			: 'left',
												'padding'		: '5px',
												'padding-top'	: '0px',
												'font-size'		: '18px',
												'font-weight'	: 'bold',
												'font-family'	: 'helvetica'
											},
											'html': ''
										});



		// headline
		//				
		//				
		var headline = createRow().inject(line_green_big());
		headline.inject(cart_box);
		line_green_big().inject(headline,'before');
		createCell(480,'CONTACT').inject(headline).setStyle('height',10);
		line_gray().inject(headline,'after');
		


		
		var row	= createRow().inject(cart_box);
		//createCell(1,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		createCell(750,'<br/><i>Magazijn adres: Statenlaan 8, 6828 WE Arnhem, Nederland</i><br/><br/>E-mail: <a href=mailto:sales@chlorovorm.nl>sales@chlorovorm.nl</a><br/><br/>Telefoon: +31 6 52678197<br/><br/>KvK: 09192017<br/>BTW: NL 171869412b01<br/>Bank: ABN AMRO 527917931<br/><br/>IBAN: NL64ABNA0527917931<br/>BIC: ABNANL2A<br/><br/>').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_gray().inject(row,'after');
		
		

		
		
		
		
		
		
		
		
		

		return cart_box;
		
		
	};

	//////////////////////////////////////////////////////////////////////// Colofon
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	
	
	var page_colofon = function() {
		
		var cart_box = new Element('div', {
											'styles': {
												'width'			: 810,
												'height'		: 'auto',
												'margin'		: '0 auto',
												'background'	: 'white',
												'float'			: 'left',
												'padding'		: '5px',
												'padding-top'	: '0px',
												'font-size'		: '18px',
												'font-weight'	: 'bold',
												'font-family'	: 'helvetica'
											},
											'html': ''
										});



		// headline
		//				
		//				
		var headline = createRow().inject(line_green_big());
		headline.inject(cart_box);
		line_green_big().inject(headline,'before');
		createCell(480,'COLOFON').inject(headline).setStyle('height',10);
		line_gray().inject(headline,'after');
		


		
		var row	= createRow().inject(cart_box);
		//createCell(1,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		createCell(750,'Marjolein Jochems<br/>Oprichter<br/><br/>Harold Hofenk <br/>Grafisch ontwerp<br/><br/>Ralf Brandenstein<br/>Technische realisatie<br/><br/>Maurice Hofenk <br/>Animator \'How it’s made\'').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_gray().inject(row,'after');
		
		

		
		
		
		
		
		
		
		
		

		return cart_box;
		
		
	};

	//////////////////////////////////////////////////////////////////////// FAQ
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	
	
	var page_faq = function() {
		
		var cart_box = new Element('div', {
											'styles': {
												'width'			: 810,
												'margin'		: '0px',
												'background'	: 'white',
												'float'			: 'left',
												'padding'		: '5px',
												'padding-top'	: '0px',
												'font-size'		: '18px',
												'font-weight'	: 'bold',
												'font-family'	: 'helvetica'
											},
											'html': ''
										});



		// headline
		//				
		//				
		var headline = createRow().inject(line_green_big());
		headline.inject(cart_box);
		line_green_big().inject(headline,'before');
		createCell(480,'VEELGESTELDE VRAGEN').inject(headline).setStyle('height',10);
		line_gray().inject(headline,'after');
		


		

// Wat is Chlorovorm?
		var row	= createRow().inject(cart_box);
		createCell(480,'Wat is Chlorovorm?').setStyles({'font-size':16,'font-weight':'bold','padding-top':12}).inject(row);
		createCell(160,'&nbsp;').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_white().inject(row,'after');
		
		row	= createRow().inject(cart_box);
		createCell(480,'Chlorovorm is een webwinkel die designproducten van aanstormend ontwerptalent verkoopt. Daarvoor worden ontwerpers uitgenodigd om speciaal voor de online winkel een nieuw product te ontwerpen. Verder krijg je een kijkje achter de schermen door middel van filmpjes, interviews en ontwerpersprofielen.').setStyles({'font-size':12,'padding-top':12}).inject(row);
		createCell(160,'&nbsp;').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_gray().inject(row,'after');
		

// Wat wordt er bedoeld met het aantal stuks dat beschikbaar is?
		row	= createRow().inject(cart_box);
		createCell(480,'Wat wordt er bedoeld met het aantal stuks dat beschikbaar is?').setStyles({'font-size':16,'font-weight':'bold','padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_white().inject(row,'after');
		
		row	= createRow().inject(cart_box);
		createCell(480,'Dat getal geeft aan hoeveel stuks er nog te koop zijn. Zodra er nog maar weinig van zijn, wordt dit cijfer rood. Wees er dus snel bij! Net misgegrepen? Schrijf je in voor de nieuwsbrief en wordt als eerste op de hoogte gehouden van nieuwe producten en leuke aanbiedingen.').setStyles({'font-size':12,'padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_gray().inject(row,'after');
		

// Ik wil een uitverkocht product nabestellen, kan dat?
		row	= createRow().inject(cart_box);
		createCell(480,'Ik wil een uitverkocht product nabestellen, kan dat?').setStyles({'font-size':16,'font-weight':'bold','padding-top':12}).inject(row);
		line_white().inject(row,'after');
		
		row	= createRow().inject(cart_box);
		createCell(480,'Nee, Chlorovorm verkoopt enkel gelimiteerde oplages en die kunnen vanzelfsprekend niet opnieuw geproduceerd worden. ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_gray().inject(row,'after');
		

// Waarom krijg ik bij elk product een certificaat?
		row	= createRow().inject(cart_box);
		createCell(480,'Waarom krijg ik bij elk product een certificaat?').setStyles({'font-size':16,'font-weight':'bold','padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_white().inject(row,'after');
		
		row	= createRow().inject(cart_box);
		createCell(480,'Ieder product dat Chlorovorm verkoopt is in gelimiteerde oplage geproduceerd. Dit betekent dat er een van tevoren vastgestelde hoeveelheid gemaakt wordt van een bepaald ontwerp. Je kunt er dus van uit gaan dat je een bijzonder en uniek product koopt. Dit bevestigt Chlorovorm nog eens door bij elk product een certificaat te voegen waarop het oplagenummer, het product en de ontwerper vermeld staan.').setStyles({'font-size':12,'padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_gray().inject(row,'after');
		

// Hoe kan ik betalen en is dat wel veilig?
		row	= createRow().inject(cart_box);
		createCell(480,'Hoe kan ik betalen en is dat wel veilig?').setStyles({'font-size':16,'font-weight':'bold','padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_white().inject(row,'after');
		
		row	= createRow().inject(cart_box);
		createCell(480,'iDEAL is de in meest gebruikte online betaalmethode in Nederland, omdat het simpel, snel en veilig is. Chlorovorm maakt hiervoor gebruik van de betaaldiensten van Mollie. Alle persoonlijke gegevens die je invult worden versleuteld verzonden.Met iDEAL reken je af in je eigen vertrouwde internet betaalomgeving, op basis van specifieke beveiligingsmethodes van je eigen bank. Bij het afrekenen van de bestelling kun je aangeven dat je met iDEAL wilt betalen. Daarna klik je op de iDEAL-betaalknop en selecteer je een bank. Vervolgens word je doorgestuurd naar je eigen bank waar de betaalopdracht voor je klaar staat. iDEAL wordt ondersteund door Rabobank, ABN AMRO, ING, Fortis, SNS en Friesland Bank.<br/><br/>Als je liever niet online betaalt, dan kan je het bedrag ook overmaken. Kies dan bij het afrekenen van de bestelling op ‘Vooruitbetalen’. Zodra de betaling bij ons binnen is, zullen wij je bestelling verzenden. Eventuele kosten voor een overboeking vanuit het buitenland, zijn voor rekening van de koper.<br/><br/>Het is ook mogelijk je bestelling onder rembours te laten verzenden. Je rekent dan aan de deur af met de bezorger van het pakket.').setStyles({'font-size':12,'padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_gray().inject(row,'after');
		

// Hoe verpakken jullie de te verzenden producten?
		row	= createRow().inject(cart_box);
		createCell(480,'Hoe verpakken jullie de te verzenden producten?').setStyles({'font-size':16,'font-weight':'bold','padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_white().inject(row,'after');
		
		row	= createRow().inject(cart_box);
		createCell(480,'Je kunt met een gerust hart mooie spullen bestellen bij Chlorovorm, want alles wordt verstuurd in milieuvriendelijke verpakkingen. Van biologisch afbreekbaar luchtkussenfolie tot 100% recyclebare doosjes en FSC gekeurd briefpapier.Breekbare producten worden met zorg verpakt. Haal je toch liever je bestelling zelf af? Dan kan dat in het magazijn in Arnhem. Lees meer hierover onder het kopje <i>Kan ik mijn bestelling ook afhalen?</i>').setStyles({'font-size':12,'padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_gray().inject(row,'after');
		

// Hoe wordt mijn bestelling verzonden?
		row	= createRow().inject(cart_box);
		createCell(480,'Hoe wordt mijn bestelling verzonden?').setStyles({'font-size':16,'font-weight':'bold','padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_white().inject(row,'after');
		
		row	= createRow().inject(cart_box);
		createCell(480,'Chlorovorm verstuurd alle bestellingen met TNT Post. Pakketten worden twee keer aangeboden en daarna zijn ze 3 weken lang af te halen op het dichtsbijzijnde postkantoor.  ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_gray().inject(row,'after');
		

// Hoe lang duurt het voordat ik mijn bestelling in huis heb?
		row	= createRow().inject(cart_box);
		createCell(480,'Hoe lang duurt het voordat ik mijn bestelling in huis heb?').setStyles({'font-size':16,'font-weight':'bold','padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_white().inject(row,'after');
		
		row	= createRow().inject(cart_box);
		createCell(480,'De gemiddelde levertijden zijn 1 tot 6 werkdagen. Zodra je betaling bij Chlorovorm binnen is, wordt de bestelling verwerkt. We streven ernaar dit dezelfde dag nog te doen. Bij vooruitbetalen kan het enkele dagen duren voordat de betaling binnen is. <br/>Zodra je bestelling verzonden is ontvang je van ons een email<br/><br/>Tip! Voor een snelle levering: plaats je bestelling voor 12:00 uur en kies voor betalen met iDEAL, dan staat hoogstwaarschijnlijk de volgende dag de postbode voor de deur!').setStyles({'font-size':12,'padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_gray().inject(row,'after');
		

// Kan ik mijn bestelling ook afhalen?
		row	= createRow().inject(cart_box);
		createCell(480,'Kan ik mijn bestelling ook afhalen?').setStyles({'font-size':16,'font-weight':'bold','padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_white().inject(row,'after');
		
		row	= createRow().inject(cart_box);
		createCell(480,'Dat is geen probleem. Vink bij het betalen ‘Afhalen magazijn Arnhem’ aan en reken vervolgens af door te kiezen voor ‘iDEAL’ of ‘Vooruitbetalen’. Chlorovorm stuurt u een bevestigingsmail en maakt een afspraak met u wanneer het pakket opgehaald kan worden. Uiteraard komen de verzendkosten te vervallen.<br/><br/>Het magazijn bevindt zich op onderstaand adres:<br/><br/>Chlorovorm<br/>Statenlaan 8<br/>6828 WE Arnhem<br/>the Netherlands').setStyles({'font-size':12,'padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_gray().inject(row,'after');
		

// Kan ik ruilen?
		row	= createRow().inject(cart_box);
		createCell(480,'Kan ik ruilen?').setStyles({'font-size':16,'font-weight':'bold','padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_white().inject(row,'after');
		
		row	= createRow().inject(cart_box);
		createCell(480,'Ja, ruilen is geen enkel probleem. Binnen 10 dagen na levering kun je producten zonder opgaaf van reden retourneren, waarna wij het aankoopbedrag + verzendkosten zonder vragen direct terugbetalen. De kosten voor retourzendingen zijn volledig voor rekening van de koper, u betaalt dus in totaal één keer verzendkosten.<br/><br/>Retourzendingen worden alleen als volgt in behandeling genomen:<br/>- Stuur een e-mail naar sales@chlorovorm.nl met daarin het factuurnummer en je bankrekeningnummer waar het bedrag op gestort kan worden (i.v.m. snelle afhandeling).<br/>- Verpak het onbeschadigde product binnen 10 dagen (wettelijke zichttermijn) in originele verpakking dusdanig dat beschadiging bij terugsturen wordt vermeden.<br/>	-	Zorg voor voldoende frankering. Ongefrankeerde pakketten worden niet geaccepteerd.<br/><br/>Producten kunnen gefrankeerd worden geretourneerd naar onderstaand adres:<br/><br/>Chlorovorm<br/>Statenlaan 8<br/>6828 WE Arnhem<br/>the Netherlands').setStyles({'font-size':12,'padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_gray().inject(row,'after');
		

// Ik wil mijn werk graag bij Chlorovorm verkopen, kan dat?
		row	= createRow().inject(cart_box);
		createCell(480,'Ik wil mijn werk graag bij Chlorovorm verkopen, kan dat?').setStyles({'font-size':16,'font-weight':'bold','padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_white().inject(row,'after');
		
		row	= createRow().inject(cart_box);
		createCell(480,'Chlorovorm is altijd op zoek naar vers bloed en je bent dan ook meer dan welkom om je ideeën te opperen. Stuur een mail met je voorstel naar marjolein@chlorovorm.nl').setStyles({'font-size':12,'padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_gray().inject(row,'after');
		
// Ik heb een klacht
		row	= createRow().inject(cart_box);
		createCell(480,'Ik heb een klacht').setStyles({'font-size':16,'font-weight':'bold','padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_white().inject(row,'after');
		
		row	= createRow().inject(cart_box);
		createCell(480,'Stuur direct een mail met je (reële) klacht naar sales@chlorovorm.nl, we lossen het zo snel mogelijk op. Je kunt ook bellen op werkdagen tussen 10:00 en 18:00 uur, naar +31 (0)6 52678197.<br/><br/>Voor alle leveringen van Chlorovorm gelden de <a href=algemene_voorwaarden.pdf target=_blank>Algemene Voorwaarden</a>.').setStyles({'font-size':12,'padding-top':12}).inject(row);
		createCell(160,'&nbsp; ').setStyles({'font-size':12,'padding-top':12}).inject(row);
		line_gray().inject(row,'after');
		
		
		return cart_box;
	};
	
	
	//////////////////////////////////////////////////////////////////////// Designer Get
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////

	
	var getDesigner = function(id) {
		if (id) {
			var output = new Array();
			designer_array.each(function(item,index){
				if (item['id'] == id) {
					output.push(item['name']);
				}
			});
		};
		return output;
	
	}
	var getDesignerID = function(name) {
		if (name) {
			var output = new Array();
			designer_array.each(function(item,index){
				if (item['name'] == name) {
					output.push(item['id']);
				}
			});
		};
		return output;
	
	}
	
	
	
	
	
	
	//////////////////////////////////////////////////////////////////////// Product List
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	
	
	var products_list = function(title, field, value, limit, id, mask_field, mask_value) { 
		
		// types: 		related, search,
		
		if (!limit) limit = 5;
		
		
		var sorted_array = product_array.filter(function(item,index) {
			if (item[field] == value && item.id != id && item[mask_field] != mask_value) {
				return true;
			} else {
				return false;
			}
		});
		
		var info_box = new Element('div', {
											'styles': {
												'left'			: 0,
												'right'			: 0,
												
												'width'			: 806,
												'margin-left'	: '-7px',
												'background'	: 'white',
												'float'			: 'left'
											},
											'html':''
										});
		
		if (sorted_array.length >= 1) {
			
			var headline = new Element('div', {
												'styles': {
													'left'			: 0,
													'right'			: 0,
													'width'			: 794,
													'height'		: 15,
													'margin-left'	: '0px',
													'margin-top'	: '5px',
													'background'	: 'white',
													'float'			: 'left',
													'font-size'		: '16px',
													'font-weight'	: 'normal',
													'font-family'	: 'helvetica',
													'padding'		: '8px',
													'border-top'	: '8px solid rgb(0,255,0)',
													'border-bottom'	: '1px dashed rgb(222,222,222)'
												},
												'html':title
											}).inject(info_box);
			
			
			sorted_array.each(function(item, index) {
				if (index < limit) { // only 5 products
					var product 		= new Element('div',{
															'uid':item['id'],
															'class':'product',
															'events':{
																'click':function(){
																	// cart_item_add(item['id']);
																	open_product(item['id']);
																},
																'mouseover':function(){
																	this.setStyle('background-color','#0f0');
																	this.getElement('div[class^=product_price_box]').setStyle('background-image','url(lib/img/priceTag_normal.png)');
																},
																'mouseout':function(){
																	this.setStyle('background-color','#fff');
																	this.getElement('div[class^=product_price_box]').setStyle('background-image','url(lib/img/priceTag_mask.png)');
																}
															}
														}).inject(info_box);
					product.setStyle('border-bottom','none');
					
					var product_image_box 	= new Element('div',{'class':'product_image_box'}).inject(product);
					var product_image 		= new Element('img',{'src':'files/img/pic.php?quality=90&size=145&im=' + get_media(item['thumb']),'width':145,'height':145}).inject(product_image_box);
					
					var product_title_box 	= new Element('div',{'class':'product_title_box'}).inject(product);
					var product_title 		= new Element('div',{'html':item['name'], 	'class':'product_title'}).inject(product_title_box);
					var product_subtitle 	= new Element('div',{'html':item['category'], 	'class':'product_subtitle'}).inject(product_title_box);
					var product_price_box 	= new Element('div',{'class':'product_price_box'}).inject(product);
					var product_price 		= new Element('div',{'html':price_tag(item['price']), 	'class':'product_price'}).inject(product_price_box);

					var product_stock_box 	= new Element('div',{'class':'product_stock_box'}).inject(product);
					
					var stock_amount = item['stock'] ? item['stock'] : '0';
					var product_stock 		= new Element('div',{'html':stock_amount + ' van ' + item['stock_start'], 	'class':'product_stock_amount'}).inject(product_stock_box);
					var stock_status = item['stock'] >= 1 ? 'beschikbaar' : '<span style=color:red>uitverkocht</span>';
					var product_status 		= new Element('div',{'html':stock_status, 	'class':'product_stock_status'}).inject(product_stock_box);
					
				}				
			
			});
		}
	
	
	
		return info_box;
		
		
	};
	
	
	
	//////////////////////////////////////////////////////////////////////// Designer List
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	
	
	var designers_list = function(title, field, value, limit, id) { 
		
		// types: 		related, search,
		
		if (!limit) limit = 5;
	
		var info_box = new Element('div', {
											'styles': {
												'left'			: 0,
												'right'			: 0,
												
												'width'			: 806,
												'margin-left'	: '-7px',
												'background'	: 'white',
												'float'			: 'left'
											},
											'html':''
										});
		
		var headline = new Element('div', {
											'styles': {
												'left'			: 0,
												'right'			: 0,
												'width'			: 794,
												'height'		: 15,
												'margin-left'	: '0px',
												'background'	: 'white',
												'float'			: 'left',
												'font-size'		: '16px',
												'font-weight'	: 'normal',
												'font-family'	: 'helvetica',
												'padding'		: '8px',
												'border-top'	: '8px solid rgb(0,255,0)',
												'border-bottom'	: '1px dashed rgb(222,222,222)'
											},
											'html':title
										}).inject(info_box);
		
		var sorted_array = designer_array.filter(function(item,index) {
			if (item[field] == value && item.id != id) {
				return true;
			} else {
				return false;
			}
		});
		
		sorted_array.each(function(item, index) {
			if (index < limit) { // only 5 products
				var product 		= new Element('div',{
														'uid':item['id'],
														'class':'product',
														'events':{
															'click':function(){
																// cart_item_add(item['id']);
																open_product(item['id']);
															},
															'mouseover':function(){
																this.setStyle('background-color','#0f0');
																this.getElement('div[class^=product_price_box]').setStyle('background-image','url(lib/img/priceTag_white.png)');
															},
															'mouseout':function(){
																this.setStyle('background-color','#fff');
																this.getElement('div[class^=product_price_box]').setStyle('background-image','url(lib/img/priceTag_green.png)');
															}
														}
													}).inject(info_box);
				product.setStyle('border-bottom','none');
				
				var product_image_box 	= new Element('div',{'class':'product_image_box'}).inject(product);
				var product_image 		= new Element('img',{'src':'files/img/pic.php?quality=90&size=145&im=' + get_media(item['thumb']),'width':'145px','height':'145px'}).inject(product_image_box);
				
				var product_title_box 	= new Element('div',{'class':'product_title_box'}).inject(product);
				var product_title 		= new Element('div',{'html':item['name'], 	'class':'product_title'}).inject(product_title_box);
				var product_subtitle 	= new Element('div',{'html':item['category'], 	'class':'product_subtitle'}).inject(product_title_box);
				var product_price_box 	= new Element('div',{'class':'product_price_box'}).inject(product);
				var product_price 		= new Element('div',{'html':price_tag(item['price']), 	'class':'product_price'}).inject(product_price_box);
			}				
		
		});

	
	
	
		return info_box;
		
		
	};
	
	
	
	//////////////////////////////////////////////////////////////////////// Filler List
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	
	
	var filler_list = function(title) { 
		
	
		var info_box = new Element('div', {
											'styles': {
												'left'			: 0,
												'right'			: 0,
												
												'width'			: 806,
												'margin-left'	: '-7px',
												'height'		: '200px',
												
												'background'	: 'white',
												'float'			: 'left'
											},
											'html':''
										});
		
		var headline = new Element('div', {
											'styles': {
												'left'			: 0,
												'right'			: 0,
												'width'			: 794,
												'height'		: 15,
												'margin-left'	: '0px',
												'background'	: 'white',
												'float'			: 'left',
												'font-size'		: '16px',
												'font-weight'	: 'normal',
												'font-family'	: 'helvetica',
												'padding'		: '8px'
											},
											'html':title
										}).inject(info_box);
		

		return info_box;
		
		
	};
	
	
	

	
	
	
	//////////////////////////////////////////////////////////////////////// Menu Buttons
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////

	
	var menu_active = "";
	
	/*
	$('logo').addEvents({
		'click':function() {
			initProducts();
			menu_active = '';
			page_style('home');
		}
	});
	*/
	
	
	var set_active_button = function(id) {
		if (menu_active != "") {
			$(menu_active).setStyle('background-color','white');
		}
		menu_active = id;
		$(id).setStyle('background-color','rgb(0,255,0)');
	}
	var get_active_button = function() {
		return menu_active;
	}
 	
	
	$('menu_button_overview').addEvents({
		'click':function() {
			set_active_button(this.id);
//			if (get_active_button() != this.id) {
				page_style('home');
				showProducts();
//				sub_fx_overzicht.slideIn();
//			}
			sub_fx_overzicht.toggle();
			this.setStyle('background-color','rgb(0, 255, 0)');
		},
		'mouseover':function() {
			this.setStyle('background-color','rgb(0, 255, 0)');
		},
		'mouseout':function() {
			if (this.id != menu_active) {
				this.setStyle('background-color','white');
			}
		}
	});
	var sub_fx_overzicht = new Fx.Slide($('sub_overview'), {
			'mode'		:'vertical',
			'duration'	:300,
			'transition':Fx.Transitions.Cubic.easeOut
	});
	sub_fx_overzicht.slideOut();







	
	$('menu_button_howitsmade').addEvents({
		'click':function() {
			set_active_button(this.id);
			sub_fx_how.toggle();
			this.setStyle('background-color','rgb(0, 255, 0)');
		},
		'mouseover':function() {
			this.setStyle('background-color','rgb(0, 255, 0)');
		},
		'mouseout':function() {
			if (this.id != menu_active) {
				this.setStyle('background-color','white');
			}
		}
	});
	
	var sub_fx_how = new Fx.Slide($('sub_howitsmade'), {
			'mode'		:'vertical',
			'duration'	:300,
			'transition':Fx.Transitions.Cubic.easeOut
	});
	sub_fx_how.slideOut();


	$('submenu_how_1').addEvents({
		'click':function() {
			set_active_button('menu_button_howitsmade');
			page_style('product');
			open_how('7723592','How It\'s Made Afl. 1: Oorbellen \'Pycock nr. 1\'');
		},'mouseover':function() {this.setStyle('text-decoration','underline');},'mouseout':function() {this.setStyle('text-decoration','none');}
	});
	$('submenu_how_2').addEvents({
		'click':function() {
			page_style('product');
			set_active_button('menu_button_howitsmade');
			open_how('7728696','How It\'s Made Afl. 2: Pet \'Avout\'');
		},'mouseover':function() {this.setStyle('text-decoration','underline');},'mouseout':function() {this.setStyle('text-decoration','none');}
	});















	$('menu_button_ontwerpers').addEvents({
		'click':function() {
			set_active_button(this.id);
			//initProducts();
			page_style('product');
			
			showDesigners();
			this.setStyle('background-color','rgb(0, 255, 0)');
		},
		'mouseover':function() {
			this.setStyle('background-color','rgb(0, 255, 0)');
		},
		'mouseout':function() {
			if (this.id != menu_active) {
				this.setStyle('background-color','white');
			}
		}
	});
	



	// price
	//
	//
	$('submenu_price').addEvents({
		'click':function() {
			(function(){sub_fx_overzicht.slideIn()}).delay(300);
			if (sub_fx_material.open)sub_fx_material.slideOut();
			if (sub_fx_designers.open)sub_fx_designers.slideOut();
			sub_fx_price.toggle();
			set_active_button('menu_button_overview');

		},
		'mouseover':function() {
			this.setStyle('text-decoration','underline');
		},
		'mouseout':function() {
			this.setStyle('text-decoration','none');
		}
	});
	var sub_fx_price = new Fx.Slide($('sub_price'), {
			'mode'		:'vertical',
			'duration'	:280,
			'transition':Fx.Transitions.Cubic.easeOut
	});
	sub_fx_price.slideOut();
	
	// material
	//
	//
	$('submenu_material').addEvents({
		'click':function() {
			(function(){sub_fx_overzicht.slideIn()}).delay(300);
			if (sub_fx_price.open)sub_fx_price.slideOut();
			if (sub_fx_designers.open)sub_fx_designers.slideOut();
			sub_fx_material.toggle();
			set_active_button('menu_button_overview');
			
		},
		'mouseover':function() {
			this.setStyle('text-decoration','underline');
		},
		'mouseout':function() {
			this.setStyle('text-decoration','none');
		}
	});
	var sub_fx_material = new Fx.Slide($('sub_material'), {
			'mode'		:'vertical',
			'duration'	:280,
			'transition':Fx.Transitions.Cubic.easeOut
	});
	sub_fx_material.slideOut();
	
	// designers
	//
	//
	$('submenu_designers').addEvents({
		'click':function() {
			(function(){sub_fx_overzicht.slideIn()}).delay(300);
			if (sub_fx_price.open)sub_fx_price.slideOut();
			if (sub_fx_material.open)sub_fx_material.slideOut();
			sub_fx_designers.toggle();
			set_active_button('menu_button_overview');
			
		},
		'mouseover':function() {
			this.setStyle('text-decoration','underline');
		},
		'mouseout':function() {
			this.setStyle('text-decoration','none');
		}
	});
	var sub_fx_designers = new Fx.Slide($('sub_designers'), {
			'mode'		:'vertical',
			'duration'	:280,
			'transition':Fx.Transitions.Cubic.easeOut
	});
	sub_fx_designers.slideOut();
	
	

	
	
	$('submenu_price_1').addEvents({
		'click':function() {
			searchPrice(0,999999, -1);
			set_active_button('menu_button_overview');
		},
		'mouseover':function() {
			this.setStyle('text-decoration','underline');
		},
		'mouseout':function() {
			this.setStyle('text-decoration','none');
		}
	});
	$('submenu_price_2').addEvents({
		'click':function() {
			searchPrice(0,3000, 0);
			set_active_button('menu_button_overview');
		},'mouseover':function() {this.setStyle('text-decoration','underline');},'mouseout':function() {this.setStyle('text-decoration','none');}
	});
	$('submenu_price_3').addEvents({
		'click':function() {
			searchPrice(3000,5000, 0);
			set_active_button('menu_button_overview');
		},'mouseover':function() {this.setStyle('text-decoration','underline');},'mouseout':function() {this.setStyle('text-decoration','none');}
	});
	$('submenu_price_4').addEvents({
		'click':function() {
			searchPrice(5000,8000, 0);
			set_active_button('menu_button_overview');
		},'mouseover':function() {this.setStyle('text-decoration','underline');},'mouseout':function() {this.setStyle('text-decoration','none');}
	});
	$('submenu_price_5').addEvents({
		'click':function() {
			searchPrice(8000,14000, 0);
			set_active_button('menu_button_overview');
		},'mouseover':function() {this.setStyle('text-decoration','underline');},'mouseout':function() {this.setStyle('text-decoration','none');}
	});
	$('submenu_price_6').addEvents({
		'click':function() {
			searchPrice(14000,999999, 0);
			set_active_button('menu_button_overview');
		},'mouseover':function() {this.setStyle('text-decoration','underline');},'mouseout':function() {this.setStyle('text-decoration','none');}
	});
	
	
	
	
	
	$('menu_contact').addEvents({
		'click':function() {
			openContact();	
			set_active_button('');
		},'mouseover':function() {this.setStyle('text-decoration','underline');},'mouseout':function() {this.setStyle('text-decoration','none');}
	});


	$('menu_faq').addEvents({
		'click':function() {
			openFAQ();	
			set_active_button('');
		},'mouseover':function() {this.setStyle('text-decoration','underline');},'mouseout':function() {this.setStyle('text-decoration','none');}
	});



	$('menu_colofon').addEvents({
		'click':function() {
			openColofon();	
			set_active_button('');
		},'mouseover':function() {this.setStyle('text-decoration','underline');},'mouseout':function() {this.setStyle('text-decoration','none');}
	});



	
	
	
	
	
	
	var sub_menu_material = $('sub_material');
	var sub_menu_designers = $('sub_designers');
	
	var initSubmenus = function() {
		var sub_list = product_array.objSort('category','name');
		//sub_list = sub_list.unique();
		//alert(sub_list);
		var last_item;
		sub_list.each(function(item,index) {
			if (item.category != last_item) {
				var menu_item = new Element('div',{'class':'menu_button_sub_sub','html':item.category}).inject(sub_menu_material);
				menu_item.addEvents({
						'click': function(){
							searchGroup('category',item.category);
							set_active_button('menu_button_overview');

						},
						'mouseover':function(){
							this.setStyle('text-decoration','underline');
						},
						'mouseout':function() {
							this.setStyle('text-decoration','none');
						}
						
					});
				last_item = item.category;
			} 
		});
		
		last_item = '';
		sub_list = product_array.objSort('designer','name');
		sub_list.each(function(item,index) {
			if (item.designer != last_item) {
				var menu_item = new Element('div',{'class':'menu_button_sub_sub','html':item.designer}).inject(sub_menu_designers);
				menu_item.addEvents({
						'click': function(){
							searchGroup('designer',item.designer);
							set_active_button('menu_button_overview');
						},
						'mouseover':function(){
							this.setStyle('text-decoration','underline');
						},
						'mouseout':function() {
							this.setStyle('text-decoration','none');
						}
						
					});
				last_item = item.designer;
			} 
		});
		
		
		
	}
	
	
	
	
	
	
	
	
	//////////////////////////////////////////////////////////////////////// Price Search
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	

	var searchPrice = function(min,max,dir) {
		menu_active = '';
		pageTracker._trackPageview('price/'+Math.round(min/100)+'-'+Math.round(max/100));
		page_style('product');
		splash.empty();
		//splash.setStyle('width',809);
		product_array = product_array.objSort("price",dir,"name");
		var fxTime = 0;
		
		var info_box = new Element('div', {
											'styles': {
												'left'			: 0,
												'right'			: 0,
												'width'			: 806,
												'margin-left'	: '0px',
												'background'	: 'white',
												'float'			: 'left'
											},
											'html':''
										}).inject(splash);
		
		// geen producten
		//				
		//
		var headline = createRow().inject(line_green_big());
		headline.inject(info_box,'before');
		line_green_big().inject(headline,'before');
		if (max != 999999) {
			createCell(800,'PRODUCTEN VAN &euro; ' + min/100 + ',&mdash; TOT &euro; ' + max/100 + ',&mdash;').inject(headline).setStyle('height',10);
		} else {
			if (min == 0) {
				createCell(800,'ALLE PRODUCTPRIJZEN').inject(headline).setStyle('height',10);
			} else {
				createCell(800,'PRODUCTEN BOVEN DE &euro; ' + min/100).inject(headline).setStyle('height',10);
			}
		}
		
		
		line_gray().inject(headline,'after');

		product_array.each(function(item, index) {
			if (item['price'] >= min && item['price'] <= max) {
				var product 		= new Element('div',{
														'uid':item['id'],
														'class':'product',
														'events':{
															'click':function(){
																// cart_item_add(item['id']);
																open_product(item['id']);
															},
															'mouseover':function(){
																this.setStyle('background-color','#0f0');
																this.getElement('div[class^=product_price_box]').setStyle('background-image','url(lib/img/priceTag_normal.png)');
															},
															'mouseout':function(){
																this.setStyle('background-color','#fff');
																this.getElement('div[class^=product_price_box]').setStyle('background-image','url(lib/img/priceTag_mask.png)');
															}
														}
													}).inject(info_box);
				var product_image_box 	= new Element('div',{'class':'product_image_box'}).inject(product);
				var product_image 		= new Element('img',{'src':'files/img/pic.php?quality=90&size=145&im=' + get_media(item['thumb']),'width':'145px','height':'145px'}).inject(product_image_box);
				
				var product_title_box 	= new Element('div',{'class':'product_title_box'}).inject(product);
				var product_title 		= new Element('div',{'html':item['name'], 	'class':'product_title'}).inject(product_title_box);
				var product_subtitle 	= new Element('div',{'html':item['designer'], 	'class':'product_subtitle'}).inject(product_title_box);
				var product_price_box 	= new Element('div',{'class':'product_price_box'}).inject(product);
				var product_price 		= new Element('div',{'html':price_tag(item['price']), 	'class':'product_price'}).inject(product_price_box);
				
				var product_stock_box 	= new Element('div',{'class':'product_stock_box'}).inject(product);
				
				var stock_amount = item['stock'] ? item['stock'] : '0';
				var product_stock 		= new Element('div',{'html':stock_amount + ' van ' + item['stock_start'], 	'class':'product_stock_amount'}).inject(product_stock_box);
				var stock_status = item['stock'] >= 1 ? 'beschikbaar' : '<span style=color:red>uitverkocht</span>';
				var product_status 		= new Element('div',{'html':stock_status, 	'class':'product_stock_status'}).inject(product_stock_box);
				
				var filler = new Element('div',	{	
													'style':{
														'background-color'	: 'red'
													}
												}).inject(products); 
				product.fade('hide');
				(function(){product.fade(1.0)}).delay(fxTime);
				fxTime = Number(fxTime) + 100;
			}
		});
		
		if (fxTime == 0) {		
			// geen producten
			//				
			//
			
			var fail = createRow().inject(line_green_big());
			fail.setStyle('height',10);
			fail.inject(splash);
			createCell(480,'GEEN PRODUCTEN').inject(fail).setStyle('height',10);
			line_gray().inject(fail,'after');
		}			

		//history().inject(splash);
	}
	
	
	
	//////////////////////////////////////////////////////////////////////// Group Search
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	


	var searchGroup = function(col,value) {
		
		menu_active = '';
		page_style('product');
		splash.empty();
		//splash.setStyle('width',809);
		product_array = product_array.objSort(col);
		
		
		
		var fxTime = 0;
		
		var info_box = new Element('div', {
											'styles': {
												'left'			: 0,
												'right'			: 0,
												
												'width'			: 806,
												'margin-left'	: '-7px',
												'background'	: 'white',
												'float'			: 'left'
											},
											'html':''
										}).inject(splash);

		// headline
		//				
		//
		var headline = createRow();
		headline.inject(info_box,'before');
		line_green_big().inject(headline,'before');
		createCell(800,value.toUpperCase()).inject(headline).setStyle('height',10);
		line_gray().inject(headline,'after');

		
		product_array.each(function(item, index) {
			if (item[col] == value) {
				var product 		= new Element('div',{
														'uid':item['id'],
														'class':'product',
														'events':{
															'click':function(){
																// cart_item_add(item['id']);
																open_product(item['id']);
															},
															'mouseover':function(){
																this.setStyle('background-color','#0f0');
																this.getElement('div[class^=product_price_box]').setStyle('background-image','url(lib/img/priceTag_normal.png)');
															},
															'mouseout':function(){
																this.setStyle('background-color','#fff');
																this.getElement('div[class^=product_price_box]').setStyle('background-image','url(lib/img/priceTag_mask.png)');
															}
														}
													}).inject(info_box);
				var product_image_box 	= new Element('div',{'class':'product_image_box'}).inject(product);
				var product_image 		= new Element('img',{'src':'files/img/pic.php?quality=90&size=145&im=' + get_media(item['thumb']),'width':'145px','height':'145px'}).inject(product_image_box);
				
				var product_title_box 	= new Element('div',{'class':'product_title_box'}).inject(product);
				var product_title 		= new Element('div',{'html':item['name'], 	'class':'product_title'}).inject(product_title_box);
				var product_subtitle 	= new Element('div',{'html':item['designer'], 	'class':'product_subtitle'}).inject(product_title_box);
				var product_price_box 	= new Element('div',{'class':'product_price_box'}).inject(product);
				var product_price 		= new Element('div',{'html':price_tag(item['price']), 	'class':'product_price'}).inject(product_price_box);
				
				var product_stock_box 	= new Element('div',{'class':'product_stock_box'}).inject(product);
				
				var stock_amount = item['stock'] ? item['stock'] : '0';
				var product_stock 		= new Element('div',{'html':stock_amount + ' van ' + item['stock_start'], 	'class':'product_stock_amount'}).inject(product_stock_box);
				var stock_status = item['stock'] >= 1 ? 'beschikbaar' : '<span style=color:red>uitverkocht</span>';
				var product_status 		= new Element('div',{'html':stock_status, 	'class':'product_stock_status'}).inject(product_stock_box);
				
				var filler = new Element('div',	{	
													'style':{
														'background-color'	: 'red'
													}
												}).inject(products); 
				product.fade('hide');
				(function(){product.fade(1.0)}).delay(fxTime);
				fxTime = Number(fxTime) + 100;
			}
		});
		//history().inject(splash);
	}
	
	
	
		
	//////////////////////////////////////////////////////////////////////// History
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	

	var history = function() {
		
		//page_style('product');
		//splash.empty();
		
		var fxTime = 0;
		
		var info_box = new Element('div',{
											'styles': {
												'margin-left'		: '-5px'
											}
										});
		
		if (history_array.length >= 1) {
			var headline = new Element('div', {
												'styles': {
													'left'			: 0,
													'right'			: 0,
													'width'			: 794,
													'height'		: 15,
													'margin-left'	: '0px',
													'margin-top'	: '5px',
													'background'	: 'white',
													'float'			: 'left',
													'font-size'		: '16px',
													'font-weight'	: 'normal',
													'font-family'	: 'helvetica',
													'padding'		: '8px',
													'border-top'	: '8px solid rgb(0,255,0)',
													'border-bottom'	: '1px dashed rgb(222,222,222)'
												},
												'html':'LAATST BEKEKEN PRODUCTEN'
											}).inject(info_box);
	
			
	
			history_array.each(function(hisPoint, hisIndex) {
				product_array.each(function(item, index) {
					if (item['id'] == hisPoint) {
						var product 		= new Element('div',{
																'uid':item['id'],
																'class':'product',
																'events':{
																	'click':function(){
																		// cart_item_add(item['id']);
																		open_product(item['id']);
																	},
																	'mouseover':function(){
																		this.setStyle('background-color','#0f0');
																		this.getElement('div[class^=product_price_box]').setStyle('background-image','url(lib/img/priceTag_normal.png)');
																	},
																	'mouseout':function(){
																		this.setStyle('background-color','#fff');
																		this.getElement('div[class^=product_price_box]').setStyle('background-image','url(lib/img/priceTag_mask.png)');
																	}
																}
															}).inject(info_box);
						var product_image_box 	= new Element('div',{'class':'product_image_box'}).inject(product);
						var product_image 		= new Element('img',{'src':'files/img/pic.php?quality=90&size=145&im=' + get_media(item['thumb']),'width':'145px','height':'145px'}).inject(product_image_box);
						
						var product_title_box 	= new Element('div',{'class':'product_title_box'}).inject(product);
						var product_title 		= new Element('div',{'html':item['name'], 	'class':'product_title'}).inject(product_title_box);
						var product_subtitle 	= new Element('div',{'html':item['designer'], 	'class':'product_subtitle'}).inject(product_title_box);
						var product_price_box 	= new Element('div',{'class':'product_price_box'}).inject(product);
						var product_price 		= new Element('div',{'html':price_tag(item['price']), 	'class':'product_price'}).inject(product_price_box);
						
						var product_stock_box 	= new Element('div',{'class':'product_stock_box'}).inject(product);
						
						var stock_amount = item['stock'] ? item['stock'] : '0';
						var product_stock 		= new Element('div',{'html':stock_amount + ' van ' + item['stock_start'], 	'class':'product_stock_amount'}).inject(product_stock_box);
						var stock_status = item['stock'] >= 1 ? 'beschikbaar' : '<span style=color:red>uitverkocht</span>';
						var product_status 		= new Element('div',{'html':stock_status, 	'class':'product_stock_status'}).inject(product_stock_box);
						
						var filler = new Element('div',	{	
															'style':{
																'background-color'	: 'red'
															}
														}).inject(products); 
						product.fade('hide');
						(function(){product.fade(1.0)}).delay(fxTime);
						fxTime = Number(fxTime) + 100;
					}
				});
			});
		}
		return info_box;
	}
	
	
	
	
	
	
	//////////////////////////////////////////////////////////////////////// Media
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////


	var initMedia = function() {
		media_array = null;
	   	var request = new Request.JSON({
			url: 'lib/php/media.php' ,
			link:'chain',
			onComplete: function(result, text) {
				media_array = result;
				initProducts();
			}
		}).send();
    	
	}
	

	var initDesigners = function() {
		media_array = null;
	   	var request = new Request.JSON({
			url: 'lib/php/designer.php' ,
			link:'chain',
			onComplete: function(result, text) {
				designer_array = result;
			}
		}).send();
    	
	}
	var initBanks = function() {
		mollie_banklist = null;
	   	var request = new Request.JSON({
			url: 'lib/php/banklist.php' ,
			link:'chain',
			onComplete: function(result, text) {
				mollie_banklist = result;
			}
		}).send();
    	
	}
	initDesigners();
	initBanks();
	initMedia();
	hider.fade(0.0);
	
	
	navigator.set('html', '&nbsp;');
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	tfObjSort={
		init:function(){
			Array.prototype.objSort=function(){
				tfObjSort.setThings(this);
				var a=arguments;
				var x=tfObjSort;
				x.a=[];x.d=[];
				for(var i=0;i<a.length;i++){
					if(typeof a[i]=="string"){x.a.push(a[i]);x.d.push(1)};
					if(a[i]===-1){x.d[x.d.length-1]=-1}
				}
				return this.sort(tfObjSort.sorter);
			};
			Array.prototype.strSort=function(){
				tfObjSort.setThings(this);
				return this.sort(tfObjSort.charSorter)
			}
		},
		sorter:function(x,y){
			var a=tfObjSort.a
			var d=tfObjSort.d
			var r=0
			for(var i=0;i<a.length;i++){
				if(typeof x+typeof y!="objectobject"){return typeof x=="object"?-1:1};
				var m=x[a[i]]; var n=y[a[i]];
				var t=typeof m+typeof n;
				if(t=="booleanboolean"){m*=-1;n*=-1}
				else if(t.split("string").join("").split("number").join("")!=""){continue};
				r=m-n;
				if(isNaN(r)){r=tfObjSort.charSorter(m,n)};
				if(r!=0){return r*d[i]}
			}
			return r
		},
		charSorter:function(x,y){
			if(tfObjSort.ignoreCase){x=x.toLowerCase();y=y.toLowerCase()};
			var s=tfObjSort.chars;
			if(!s){return x>y?1:x<y?-1:0};
			x=x.split("");y=y.split("");l=x.length>y.length?y.length:x.length;
			var p=0;
			for(var i=0;i<l;i++){
				p=s.indexOf(x[i])-s.indexOf(y[i]);
				if(p!=0){break};
			};
			if(p==0){p=x.length-y.length};
			return p
		},
		setThings:function(x){
			this.ignoreCase=x.sortIgnoreCase;
			var s=x.sortCharOrder;
			if(!s){this.chars=false;return true};
			if(!s.sort){s=s.split(",")};
			var a="";
			for(var i=1;i<1024;i++){a+=String.fromCharCode(i)};
			for(var i=0;i<s.length;i++){
				z=s[i].split("");
				var m=z[0]; var n=z[1]; var o="";
				if(z[2]=="_"){o=n+m} else {o=m+n};
				a=a.split(m).join("").split(n).join(o);
			};
			this.chars=a
		}
	};
	tfObjSort.init();

	
	checkEmail = function(email) {
		var filter = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
		if (!filter.test(email)) {
			return false;
		}
		return true;
	}
	
	// table objects
	//
	//		
	var line_spacer 		= function(h) {
		var obj = new Element('div', {'class':'cart_item_line_spacer','styles':{'height':h}});
		return obj;
	}
	var line_white 		= function() {
		var obj = new Element('div', {'class':'cart_item_line_white'});
		return obj;
	}
	var line_gray 		= function() {
		var obj = new Element('div', {'class':'cart_item_line_gray'});
		return obj;
	}
	var line_green 		= function() {
		var obj = new Element('div', {'class':'cart_item_line_green'});
		return obj;
	}
	var line_green_big 		= function() {
		var obj = new Element('div', {'class':'cart_item_line_green_big'});
		return obj;
	}
	var createCell 	= function(w,txt) {
		var obj = new Element('div',{'html':txt, 'class':'cart_col_title','styles':{'width':w,'margin':0,'padding-top':6}});
		return obj;
	}
	var createCellAdvanced 	= function(w,obj_drop) {
		var obj = new Element('div',{'class':'cart_col_title','styles':{'width':w,'margin':0,'padding-top':6}});
		obj_drop.inject(obj);
		return obj;
	}
	
				
	var createCellInputNormal = function(name,input_id) {
		var name_field = createCell(145,name).setStyles({'font-size':12,'padding':0, 'padding-top':8, 'height':16});
		var input_field = new Element('input',{
												'type'	: 'text',
												'class'	: 'cart_adress_input',
												'name'	: input_id,
												'value' : ''												
												});
		var input_cell = createCellAdvanced(235,input_field).setStyles({'padding-right':10,'padding-top':3, 'height':16});
		var wrap_box = new Element('div',{'class':'cart_item','styles':{'height':'auto','padding':0}});
		name_field.inject(wrap_box);
		input_cell.inject(wrap_box);
		return wrap_box;
	}

	var createCellInputLong = function(name,input_id) {
		var name_field = createCell(145,name).setStyles({'font-size':12,'padding':0, 'padding-top':6, 'height':80});
		var input_field = new Element('textarea',{
												'class'	: 'cart_adress_textarea',
												'name'	: input_id,
												'id'	: input_id
												});
		var input_cell = createCellAdvanced(235,input_field).setStyles({'padding-right':10,'padding-top':3, 'height':80});
		var wrap_box = new Element('div',{'class':'cart_item','styles':{'height':80,'padding':0}});
		name_field.inject(wrap_box);
		input_cell.inject(wrap_box);
		return wrap_box;
	}

	var createCellInputSelect = function(name,input_id, select_ids, select_names) {
		
		var name_field = createCell(145,name).setStyles({'font-size':12,'padding':0, 'padding-top':6, 'height':20});
		
		
												
												
		var select_field = new Element('select',{
									'name'	: input_id,
									'id'	: input_id,
									'events': {
										'click':function(e){
											$A(this.options).each(function(obj,idx) {
												if (obj.selected) {
													session_data[input_id] = obj.value;
												}
											});
										}
									},
									'styles' : {
										'border'	: '1px solid gray',
										'font-size'	: '14px',
										'width'		: '240px',
										'height'	: '25px'
									
									}
								});
												
		
		select_ids.each(function(item, index) {
			var row_extra	= new Element('option',{'value':item,'html':select_names[index]}).inject(select_field);
		});

		var input_cell = createCellAdvanced(235,select_field).setStyles({'padding-right':10,'padding-top':3, 'height':16});
		
		var wrap_box = new Element('div',{'class':'cart_item','styles':{'height':'auto','padding':0}});
		
		name_field.inject(wrap_box);
		input_cell.inject(wrap_box);
		
		return wrap_box;
	
	}

	
	var createRow = function() {		
		var row = new Element('div',{'class':'cart_row'});
		row.setStyle('text-align','left');
		
		row.setStyle('width',800);
		row.setStyle('margin',0);
		
		return row;
	}		
	
	
	
		
	var session_update = function(){
		var updateSession = new Request({
			url: 'lib/php/session.php',
			link:'cancel',
			data: session_data,
			onComplete: function() { 
				//cart_box_refresh_inputs();
	        }
		}).send();
	}

	cart_box_refresh_inputs = function() {
		cart_box.getElements('input').each(function(item,index){
			if (session_data[item.name]) {
				item.value = session_data[item.name];	
			}
		});
		cart_box.getElements('select').each(function(item,index){
			if (session_data[item.name]) {
				item.value = session_data[item.name];	
			}
		});
		cart_box.getElements('textarea').each(function(item,index){
			if (session_data[item.name]) {
				item.value = session_data[item.name];	
			}
		});
		
	};	

	
	var session_sync = function(){
		var syncSession = new Request.JSON({
			url: 'lib/php/sync.php',
			link:'chain',
			onRequest: function() {
				cart_inspector.set('html','WINKELWAGEN<br/><p class="cart_inspector_pricefield"><img src=../lib/img/spinner.gif /><br/><br/></p>' );
			},
			onSuccess: function(result,text) {
				//alert(text);
				if(result) {
					$each(result,function(item,key){
						if(item){
							session_data[key] = item;
						} 
					});
				}
				initCart();
				//alert('synced');
	        }
		}).send();
	};

	//session_sync();
	
	destroy_session = function() {	
		session_data = new Object();
		cart_calc.empty();
		reloadProducts();
		session_sync();
	}
	
	var reloadProducts = function() {
		product_array = null;
	   	var request = new Request.JSON({
			url: 'lib/php/products.php' ,
			onComplete: function(result, text) {
				product_array = result;
			}
		}).send();
    	
	}
	

	
	
	info = function(type) {
		if (type == "betaal")
		{
			//alert('c');	
		}
	}
	
});