$(document).ready(function(){


/*
 *
 * jqTransform
 * by mathieu vilaplana mvilaplana@dfc-e.com
 * Designer ghyslain armand garmand@dfc-e.com
 *
 *
 * Version 1.0 25.09.08
 * Version 1.1 06.08.09
 * Add event click on Checkbox and Radio
 * Auto calculate the size of a select element
 * Can now, disabled the elements
 * Correct bug in ff if click on select (overflow=hidden)
 * No need any more preloading !!
 * 
 ******************************************** */
 
(function($){
	var defaultOptions = {preloadImg:true};
	var jqTransformImgPreloaded = false;

	var jqTransformPreloadHoverFocusImg = function(strImgUrl) {
		//guillemets to remove for ie
		strImgUrl = strImgUrl.replace(/^url\((.*)\)/,'$1').replace(/^\"(.*)\"$/,'$1');
		var imgHover = new Image();
		imgHover.src = strImgUrl.replace(/\.([a-zA-Z]*)$/,'-hover.$1');
		var imgFocus = new Image();
		imgFocus.src = strImgUrl.replace(/\.([a-zA-Z]*)$/,'-focus.$1');				
	};

	
	/***************************
	  Labels
	***************************/
	var jqTransformGetLabel = function(objfield){
		var selfForm = $(objfield.get(0).form);
		var oLabel = objfield.next();
		if(!oLabel.is('label')) {
			oLabel = objfield.prev();
			if(oLabel.is('label')){
				var inputname = objfield.attr('id');
				if(inputname){
					oLabel = selfForm.find('label[for="'+inputname+'"]');
				} 
			}
		}
		if(oLabel.is('label')){return oLabel.css('cursor','pointer');}
		return false;
	};
	
	/* Hide all open selects */
	var jqTransformHideSelect = function(oTarget){
		var ulVisible = $('.jqTransformSelectWrapper ul:visible');
		ulVisible.each(function(){
			var oSelect = $(this).parents(".jqTransformSelectWrapper:first").find("select").get(0);
			//do not hide if click on the label object associated to the select
			if( !(oTarget && oSelect.oLabel && oSelect.oLabel.get(0) == oTarget.get(0)) ){$(this).hide();}
		});
	};
	/* Check for an external click */
	var jqTransformCheckExternalClick = function(event) {
		if ($(event.target).parents('.jqTransformSelectWrapper').length === 0) { jqTransformHideSelect($(event.target)); }
	};

	/* Apply document listener */
	var jqTransformAddDocumentListener = function (){
		$(document).mousedown(jqTransformCheckExternalClick);
	};	
			
	/* Add a new handler for the reset action */
	var jqTransformReset = function(f){
		var sel;
		$('.jqTransformSelectWrapper select', f).each(function(){sel = (this.selectedIndex<0) ? 0 : this.selectedIndex; $('ul', $(this).parent()).each(function(){$('a:eq('+ sel +')', this).click();});});
		$('a.jqTransformCheckbox, a.jqTransformRadio', f).removeClass('jqTransformChecked');
		$('input:checkbox, input:radio', f).each(function(){if(this.checked){$('a', $(this).parent()).addClass('jqTransformChecked');}});
	};


	

	/***************************
	  Check Boxes 
	 ***************************/	
	$.fn.jqTransCheckBox = function(){
		return this.each(function(){
			if($(this).hasClass('jqTransformHidden')) {return;}

			var $input = $(this);
			var inputSelf = this;

			//set the click on the label
			var oLabel=jqTransformGetLabel($input);
			oLabel && oLabel.click(function(){aLink.trigger('click');});
			
			var aLink = $('<a href="#" class="jqTransformCheckbox"></a>');
			//wrap and add the link
			$input.addClass('jqTransformHidden').wrap('<span class="jqTransformCheckboxWrapper"></span>').parent().prepend(aLink);
			//on change, change the class of the link
			$input.change(function(){
				this.checked && aLink.addClass('jqTransformChecked') || aLink.removeClass('jqTransformChecked');
				return true;
			});
			// Click Handler, trigger the click and change event on the input
			aLink.click(function(){
				//do nothing if the original input is disabled
				if($input.attr('disabled')){return false;}
				//trigger the envents on the input object
				$input.trigger('click').trigger("change");	
				return false;
			});

			// set the default state
			this.checked && aLink.addClass('jqTransformChecked');		
		});
	};
	/***************************
	  Radio Buttons 
	 ***************************/	
	$.fn.jqTransRadio = function(){
		return this.each(function(){
			if($(this).hasClass('jqTransformHidden')) {return;}

			var $input = $(this);
			var inputSelf = this;
				
			oLabel = jqTransformGetLabel($input);
			oLabel && oLabel.click(function(){aLink.trigger('click');});
	
			var aLink = $('<a href="#" class="jqTransformRadio" rel="'+ this.name +'"></a>');
			$input.addClass('jqTransformHidden').wrap('<span class="jqTransformRadioWrapper"></span>').parent().prepend(aLink);
			
			$input.change(function(){
				inputSelf.checked && aLink.addClass('jqTransformChecked') || aLink.removeClass('jqTransformChecked');
				return true;
			});
			// Click Handler
			aLink.click(function(){
				if($input.attr('disabled')){return false;}
				$input.trigger('click').trigger('change');
	
				// uncheck all others of same name input radio elements
				$('input[name="'+$input.attr('name')+'"]',inputSelf.form).not($input).each(function(){
					$(this).attr('type')=='radio' && $(this).trigger('change');
				});
	
				return false;					
			});
			// set the default state
			inputSelf.checked && aLink.addClass('jqTransformChecked');
		});
	};
	
	
	
	/***************************
	  Select 
	 ***************************/	
	$.fn.jqTransSelect = function(){
		return this.each(function(index){
			var $select = $(this);

			if($select.hasClass('jqTransformHidden')) {return;}
			if($select.attr('multiple')) {return;}

			var oLabel  =  jqTransformGetLabel($select);
			/* First thing we do is Wrap it */
			var $wrapper = $select
				.addClass('jqTransformHidden')
				.wrap('<div class="jqTransformSelectWrapper '+ $select.attr('id') + '"></div>')
				.parent()
				.css({zIndex: 100-index})
			;
			
			/* Now add the html for the select */
			$wrapper.prepend('<div><span></span><a href="#" class="jqTransformSelectOpen"></a></div><ul></ul>');
			var $ul = $('ul', $wrapper).css('width',$select.width()).hide();
			/* Now we add the options */
			$('option', this).each(function(i){
				var oLi = $('<li><a href="#" index="'+ i +'">'+ $(this).html() +'</a></li>');
				$ul.append(oLi);
			});
			
			/* Add click handler to the a */
			$ul.find('a').click(function(){
					$('a.selected', $wrapper).removeClass('selected');
					$(this).addClass('selected');	
					/* Fire the onchange event */
					if ($select[0].selectedIndex != $(this).attr('index') && $select[0].onchange) { $select[0].selectedIndex = $(this).attr('index'); $select[0].onchange(); }
					$select[0].selectedIndex = $(this).attr('index');
					
					$($select[0]).trigger('change');
					
					$('span:eq(0)', $wrapper).html($(this).html());
					$ul.hide();
					return false;
			});
			/* Set the default */
			$('a:eq('+ this.selectedIndex +')', $ul).click();
			$('span:first', $wrapper).click(function(){$("a.jqTransformSelectOpen",$wrapper).trigger('click');});
			oLabel && oLabel.click(function(){$("a.jqTransformSelectOpen",$wrapper).trigger('click');});
			this.oLabel = oLabel;
			
			/* Apply the click handler to the Open */
			var oLinkOpen = $('a.jqTransformSelectOpen', $wrapper)
				.click(function(){
					//Check if box is already open to still allow toggle, but close all other selects
					if( $ul.css('display') == 'none' ) {jqTransformHideSelect();} 
					if($select.attr('disabled')){return false;}

					$ul.slideToggle('fast', function(){					
						var offSet = ($('a.selected', $ul).offset().top - $ul.offset().top);
						$ul.animate({scrollTop: offSet});
					});
					return false;
				})
			;

			// Set the new width
			var iSelectWidth = $select.outerWidth();
			var oSpan = $('span:first',$wrapper);
			var newWidth = (iSelectWidth > oSpan.innerWidth())?iSelectWidth+oLinkOpen.outerWidth():$wrapper.width();
			$wrapper.css('width',newWidth);
			$ul.css('width',newWidth-2);
			oSpan.css({width:iSelectWidth});
		
			// Calculate the height if necessary, less elements that the default height
			//show the ul to calculate the block, if ul is not displayed li height value is 0
			$ul.css({display:'block',visibility:'hidden'});
			var iSelectHeight = ($('li',$ul).length)*($('li:first',$ul).height());//+1 else bug ff
			(iSelectHeight < $ul.height()) && $ul.css({height:iSelectHeight,'overflow':'hidden'});//hidden else bug with ff
			$ul.css({display:'none',visibility:'visible'});
			
		});
	};
	$.fn.jqTransform = function(options){
		var opt = $.extend({},defaultOptions,options);
		
		/* each form */
		 return this.each(function(){
			var selfForm = $(this);
			if(selfForm.hasClass('jqtransformdone')) {return;}
			selfForm.addClass('jqtransformdone');
			


			$('input:checkbox', this).jqTransCheckBox();
			$('input:radio', this).jqTransRadio();

			$("#ctl00_ctl00_ContentMain_OrderOnline_7_errorPostalCodeDelivering").next().next().addClass("errorbug");


			
			if( $('select', this).jqTransSelect().length > 0 ){jqTransformAddDocumentListener();}
			selfForm.bind('reset',function(){var action = function(){jqTransformReset(this);}; window.setTimeout(action, 10);});
			
			//preloading dont needed anymore since normal, focus and hover image are the same one
			/*if(opt.preloadImg && !jqTransformImgPreloaded){
				jqTransformImgPreloaded = true;
				var oInputText = $('input:text:first', selfForm);
				if(oInputText.length > 0){
					//pour ie on eleve les ""
					var strWrapperImgUrl = oInputText.get(0).wrapper.css('background-image');
					jqTransformPreloadHoverFocusImg(strWrapperImgUrl);					
					var strInnerImgUrl = $('div.jqTransformInputInner',$(oInputText.get(0).wrapper)).css('background-image');
					jqTransformPreloadHoverFocusImg(strInnerImgUrl);
				}
				
				var oTextarea = $('textarea',selfForm);
				if(oTextarea.length > 0){
					var oTable = oTextarea.get(0).oTable;
					$('td',oTable).each(function(){
						var strImgBack = $(this).css('background-image');
						jqTransformPreloadHoverFocusImg(strImgBack);
					});
				}
			}*/
			
			
		}); /* End Form each */
				
	};/* End the Plugin */

})(jQuery);





	
	$.fn.initCustom = function() {

		var pre_fill = 0;
		var selected_liter = 0;
		var selected_tank_full = false;
		var original_selected_liter = 0;
		var selected_place = 0;
		var selected_level = '';
		var selected_capacity = 0;
		var selected_aantal_tanks = 0;
		var selected_dop = '';
		var selected_beveiliging = '';
	
		function updateBasket() {
			setTimeout("__doPostBack('ctl00$ctl00$ContentMain$OrderStep1_8$rbProduct1', "+selected_liter+")", 0);
		}
		
		var land, orangeVal;
	
		land = $('.hiddenCountry').val();
		
		if(land == 'BE') { orangeVal = 25 } else if(land == 'LU') { orangeVal = 12; $('.slide_yellow_bg').addClass('lux'); }
		
		// slider //
		$('#slide').slider({ 
			step: 2.5, 
			//animate: true,
			min: 0,
			change: function() {
				selected_liter = 1000+($( "#slide" ).slider( "option", "value" ))*40;
				$('#slide_liter').html(selected_liter);
				if($( "#slide" ).slider( "option", "value" ) <= orangeVal) {
					$('.slide_orange_bg').width(($( "#slide" ).slider( "option", "value" )/100)*485);
					$('.slide_yellow_bg').width('0');
				} else {
					// calculate width yellow bar - bar width = 485px;
					$('.slide_yellow_bg').width((($( "#slide" ).slider( "option", "value" )-orangeVal)/100)*485);
					if(land=='BE') {
						$('.slide_orange_bg').width('122px');
					} else if(land=='LU') {
						$('.slide_orange_bg').width('61px');
					}
				}
				if($( "#slide" ).slider( "option", "value" ) > 97.5) {
					$('.slide_right').addClass('slide_orange_end_bg');
				} else {
					$('.slide_right').removeClass('slide_orange_end_bg');
				}
			},
			stop: function() {
				selected_liter = 1000+($( "#slide" ).slider( "option", "value" ))*40;
				updateBasket();
			}
		});
		
		// slider faster update //
		$('.ui-slider-handle').live('mousemove', function() {
			selected_liter = 1000+($( "#slide" ).slider( "option", "value" ))*40;
			original_selected_liter = $( "#slide" ).slider( "option", "value" );
			$('.slider .slide_aantal_liter').attr('value', selected_liter); 
			$('#slide_liter').html(selected_liter);
			
			if($( "#slide" ).slider( "option", "value" ) <= orangeVal) {
				$('.slide_orange_bg').width(($( "#slide" ).slider( "option", "value" )/100)*485);
				$('.slide_yellow_bg').width('0');
			} else {
				// calculate width yellow bar - bar width = 485px;
				$('.slide_yellow_bg').width((($( "#slide" ).slider( "option", "value" )-orangeVal)/100)*485);
				if(land=='BE') {
					$('.slide_orange_bg').width('122px');
				} else if(land=='LU') {
					$('.slide_orange_bg').width('61px');
				}
			}
			if($( "#slide" ).slider( "option", "value" ) > 97.5) {
				$('.slide_right').addClass('slide_orange_end_bg');
			} else {
				$('.slide_right').removeClass('slide_orange_end_bg');
			}
		});
		
		// get value from previous page, /40 because step = 2.5, else /100
		
		pre_fill = $('.slide_aantal_liter').val();
		var pre_fill_value = (pre_fill - 1000)/40;
		$( "#slide" ).slider( "option", "value", pre_fill_value );
		$('#bestel_liter').html(pre_fill);
		
		// fill up tank
		/*
		$('.checkbox_square .radio').live('click', function() {
			if($(this).is(':checked')) { 
				$( "#slide" ).slider( "option", "value", original_selected_liter ); 
				$('.slider .slide_aantal_liter').attr('value', original_selected_liter);
			} else { 
				$( "#slide" ).slider( "option", "value", 0 ); 
				$('.slider .slide_aantal_liter').attr('value', 0);
			}
		});
		*/
		
		$('.slide_over p a').bind('click', function() {
			var slideto = $(this).attr('rel');
			$( "#slide" ).slider( "option", "value", slideto );
			updateBasket();
		});
		
		// disable boxes
		$('.box-bestellen:eq(1) input[type=radio]').attr('disabled', 'true');
		$('.box-bestellen:eq(1) .text').attr('disabled', 'true');
		$('.box-bestellen:eq(1) select').attr('disabled', 'true');
		$('.box-bestellen:eq(2) :radio').attr('disabled', 'true');
		$('.box-bestellen:eq(3) :radio').attr('disabled', 'true');
	
		// restrict to numeric input //
		$(".numeric").numeric();

		// popup //
		$(".popup").hide();
 
	$(".icoon").mouseenter(function () {
	    
	      $('.popup',$(this)).show();
	    });
	$(".icoon").mouseleave(function () {		
	      $('.popup',$(this)).hide();
	    });
		
		$(".rode").click(function () {
			$(this).children(".popup").toggle();
			return false;
		});
		$(".nav_dopjes li:not(.rode) ").click(function () {
			$(".popup").hide();
		});


		$(".hidden-paswoord").hide();
		$(".hidden-paswoord-aanvragen").hide();

		$(".link-paswoord").click(function () {
			$(".hidden-paswoord").slideToggle();
			$(".show-paswoord").hide();
			return false;
		});

		$(".reqError").hide();
		$('.invisible').hide();

		$(".link-paswoord-aanvragen").click(function () {
			$(".reqError").hide();
			$("#errorFrame").hide();
			$.ajax
				({
					type: "POST",
					url: "/account/newpassword",
					data: "{ 'email': '" + $('#requestEmailAddress').val() + "', 'subject': '" + $('.subject').val() + "'}",      
					contentType: "application/json; charset=utf-8",
					dataType: "json",
					success: function(json) {
						if (json.d.Success) {
							$(".hidden-paswoord-aanvragen").slideToggle();
							$(".hidden-paswoord").hide();
						} else if (json.d.ErrorMessage == "User not found") {
							$("#errorRequestPasswordUserNotFound").show();
						} else if (json.d.ErrorMessage == "Invalid email") {
							$("#errorRequestPasswordUsername").show();
						} else {
							$("#errorRequestPasswordSystem").show();
						}
					}
				});
			return false;
		});

		$(".link-paswoord-opnieuw").click(function () {
			$(".show-paswoord").slideToggle();
			$(".hidden-paswoord-aanvragen").hide();
			return false;
		});
		

		//$(".form_btw").hide();
		//$(".form_mvr").hide();


		$("#radio-btw").click(function () {
			$(".form_btw").show();
			$(".form_dhr").hide();
			$(".form_mvr").hide();
			return false;
		});

		$("#radio-mvr").click(function () {
			$(".form_mvr").show();
			$(".form_dhr").hide();
			$(".form_btw").hide();
			return false;
		});


		$("#radio-dhr").click(function () {
			$(".form_dhr").show();
			$(".form_btw").hide();
			$(".form_mvr").hide();
			return false;
		});
			
		
		// table 
			$("td:last-child").addClass("align-right");
		
		// accordion 
			$(".accordion").accordion();
			$(".box-slider p:first").addClass('introtitle');
			$(".box-actiecode p:first").addClass('introtitle');





		// forms 
			$('form').jqTransform({imgPath:'jqtransformplugin/img/'});
			
		// rounded corners
			//DD_roundies.addRule('.promo_helpdesk', '10px');
			//DD_roundies.addRule('.slider', '8px');
			//DD_roundies.addRule('.nav_arrows li.first', '8px');	
			//DD_roundies.addRule('#content', '0px 0px 11px 11px');	
			//DD_roundies.addRule('.box-bestellen', '6px');	
			//DD_roundies.addRule('form .active', '6px');		




/**
 * jQuery-Plugin "clearField"
 * 
 * @version: 1.1, 04.12.2010
 * 
 * @author: Stijn Van Minnebruggen
 *          stijn@donotfold.be
 *          http://www.donotfold.be
 * 
 * @example: $('selector').clearField();
 * @example: $('selector').clearField({ blurClass: 'myBlurredClass', activeClass: 'myActiveClass' });
 * 
 */

(function($) {
	
	$.fn.clearField = function(settings) {
		
		/**
		 * Settings
		 * 
		 */
		
		settings = jQuery.extend({
			blurClass: 'clearFieldBlurred',
			activeClass: 'clearFieldActive',
			attribute: 'rel',
			value: ''
		}, settings);
		
		
		/**
		 * loop each element
		 * 
		 */
		
		return $(this).each(function() {
			
			/**
			 * Set element
			 * 
			 */
			
			var el = $(this);
			
			
			/**
			 * Get starting value
			 * 
			 */
			
			settings.value = el.val();
			
			
			/**
			 * Add or get attribute
			 * 
			 */
			
			if(el.attr(settings.attribute) == undefined) {
				el.attr(settings.attribute, el.val()).addClass(settings.blurClass);
			} else {
				settings.value = el.attr(settings.attribute);
			}
			
			
			/**
			 * Set focus action
			 * 
			 */
			
			el.focus(function() {
				
				if(el.val() == el.attr(settings.attribute)) {
					el.val('').removeClass(settings.blurClass).addClass(settings.activeClass);
				}
				
			});
			
			
			/**
			 * Set blur action
			 * 
			 */
			
			el.blur(function() {
				
				if(el.val() == '') {
					el.val(el.attr(settings.attribute)).removeClass(settings.activeClass).addClass(settings.blurClass);
				}
				
			});
			
			
		});
		
	};
	
})(jQuery);




		// clearfield
		$('.page_home .input').clearField();
		//$('.inloggen_nok .input').clearField();
		
		$('#ctl00_ctl00_ContentMain_OrderStep1_8_pnlPlusCard input').clearField();

		 
		var initValPlusCard = '';
		$('.plusCardClearfield').live('click', function() {
				if (initValPlusCard=='') { initValPlusCard = $(this).val(); } 
				$(this).val('');
				$('.plusCardClearfield').blur( function() {
						if ( $(this).val() == '' ) $(this).val( initValPlusCard );			
				});						
		});
	
		
		$('.stap_02 .input').clearField();
		$('.box_contactpunt .input').clearField();



			

		// housemap //

		$(function(){
			
			var housemap = {
				setup: function(){
					var img_path			= '/css/img/';
					var img_ext				= '.gif';
					var hm_container 	= $('#housemap-container');
					var hm_img				= hm_container.find('img');
					var hm_areas			= hm_container.find('area');
					var hm_selector		= $('.housemap-selector');

					hm_areas.click(function(){ // Image click
						area_id = $(this).attr('id');
						hm_img.attr('src', img_path + area_id + img_ext);

					  if ($('.jqTransformSelectWrapper').length > 0) { // If jqTransform is active
						hm_selector2 = $('.maparea .jqTransformSelectWrapper ul');
						hm_selector2.find('a[index=' + (parseInt(area_id.charAt(area_id.length - 1)) - 1) + ']').click();
					  } else { // If jqTransform is not active
						hm_selector.find('option[selected]').removeAttr('selected');
						hm_selector.find('option[rel='+ $(this).attr('id') +']').attr('selected','selected');
					  }

						return false;
					});

					hm_selector.change(function(){ // Selectbox click
						area_id = hm_selector.find('option[selected]').attr('rel');
						hm_img.attr('src', img_path + area_id + img_ext);
						go_step2(hm_container, hm_areas, hm_selector, housemap);
					});
				}
			}
			housemap.setup();
		});
    
		/* katrien: land was niet gekend? */ 
		var land = $('.hiddenCountry').val();
		
		if(land=='LU') {
			// step 1 lux read buttons //
			$('.box-bestellen:eq(0) input[type=radio]').live('click', go_lux_step2);
			$('.box-bestellen:eq(0) .input').blur(go_lux_step2);
			$('.box-bestellen:eq(0) select').bind('change', go_lux_step2);
			
			// step 2 lux read buttons //
			$('.box-bestellen:eq(1) input[type=radio]').live('click', go_lux_step3);
			
			// step 3 lux read buttons //
			$('.box-bestellen:eq(2) input[type=radio]').live('click', finish_lux_steps);
			
			
			$('.stap_02 input[type=submit]').bind('click', function(e) {
				
				if($('.filledin').length != 3 && $('.stap_02').length > 0 ) {
					e.preventDefault();
				} /*else {
					$('form:eq(0)').submit();	
				}*/
				
			});
		}
		
		if(land=='BE') {
			// step 2 read buttons //
			$('.box-bestellen:eq(1) input[type=radio]').live('click', go_step3);
			// for some reason, live('blur') doesn't work here
			$('.box-bestellen:eq(1) .input').blur(go_step3);
			$('.box-bestellen:eq(1) select').bind('change', go_step3);
			
			// step 3 read buttons
			$('.box-bestellen:eq(2) input[type=radio]').live('click', gostep4);
			
			// step 4 read buttons
			$('.box-bestellen:eq(3) input[type=radio]').live('click', finishSteps);

			$('.stap_02 input[type=submit]').bind('click', function(e) {
			  if ($('.filledin').length != 4) {
			    e.preventDefault();
			  }
			});
		}
		
		function go_lux_step2() {
						
			if($(this).parents('.box-bestellen.active').find('.input').val() != '' && $(this).parents('.box-bestellen.active').find('select option:selected').val() != 0 && $(this).parents('.box-bestellen.active').find('.jqTransformChecked').length > 0 && $(this).parents('.box-bestellen.active').find('.input').val() != $(this).parents('.box-bestellen.active').find('.input').attr('rel')) {
							
				$(this).parents('.box-bestellen.active').find('input[type=radio]').attr('disabled', 'true');
				$(this).parents('.box-bestellen.active').find('.input').attr('disabled', 'true');
				$(this).parents('.box-bestellen.active').find('select').attr('disabled', 'true');
				$(this).parents('.box-bestellen.active').removeClass('active').addClass('filledin');
				
				// enable box 2
				$('.box-bestellen:eq(1)').removeClass('not-active').addClass('active');
				$('.box-bestellen:eq(1) input[type=radio]').removeAttr('disabled');
				$('.box-bestellen:eq(1) input[type=radio]').removeAttr('disabled');
				//$('.box-bestellen:eq(1) select').removeAttr('disabled');
				
				// revert on box click
				$('.box-bestellen.filledin:eq(0)').bind('click', function() {
					// disable boxes
					$('.box-bestellen:eq(1)').removeClass('active').addClass('not-active');
					$('.box-bestellen:eq(1) input[type=radio]').attr('disabled', 'true');
					//$('.box-bestellen:eq(1) .input').attr('disabled', 'true');
					//$('.box-bestellen:eq(1) select').attr('disabled', 'true');
					$('.box-bestellen:eq(2)').removeClass('active').addClass('not-active').find('input[type=radio]').attr('disabled', 'true');
				
					// enable box 1
					$(this).removeClass('filledin').addClass('active').find('select').removeAttr('disabled');
				  $('.box-bestellen:eq(1)').unbind('click').removeClass('active').addClass('not-active');
					$('.box-bestellen:eq(2)').unbind('click').removeClass('active').addClass('not-active');

					$(this).find('input[type=radio]').removeAttr('disabled');
					$(this).find('.input').removeAttr('disabled');
					//$('.box-bestellen:eq(0) input[type=radio]').removeAttr('disabled');
					//$('.box-bestellen:eq(0) .input').removeAttr('disabled');
					
				});
			}
		}
		
		function go_lux_step3() {
			
			$(this).parents('.box-bestellen').find('input[type=radio]').attr('disabled', 'true');
			$(this).parents('.box-bestellen.active').removeClass('active').addClass('filledin');
			
			// enable box 3
			$('.box-bestellen:eq(2)').removeClass('not-active').addClass('active');
			$('.box-bestellen:eq(2) input[type=radio]').removeAttr('disabled');
			
			// revert on box click
			$('.box-bestellen.filledin:eq(1)').bind('click', function() {
				// disable boxes
				$('.box-bestellen:eq(2)').removeClass('active').addClass('not-active').find('input[type=radio]').attr('disabled', 'true');
				$(this).removeClass('filledin').addClass('active').find('input[type=radio]').removeAttr('disabled');
				
				$('.box-bestellen:eq(2)').unbind('click').removeClass('active').addClass('not-active');
				//$('.box-bestellen:eq(0)').unbind('click').removeClass('active').addClass('not-active');
				
			});
		}
		
		function finish_lux_steps() {
			// set inactive
			$(this).parents('.box-bestellen.active').find('input[type=radio]').attr('disabled', 'true');
			$(this).parents('.box-bestellen.active').removeClass('active').addClass('filledin');
			$('.box-bestellen select, .box-bestellen input').removeAttr('disabled');
			
			// revert on box click
			$('.box-bestellen.filledin:eq(2)').bind('click', function() {
			// enable box 3
				$(this).removeClass('filledin').addClass('active');
				$(this).find('input[type=radio]').removeAttr('disabled');
			}); 	
			
		}		
		
		function go_step2(container, areas, selector, map) {
			// save value for post
			selected_place = selector.find('option:selected').val();
			
			// set inactive //
			container.parents('.box-bestellen').removeClass('active').addClass('filledin');
			container.parents('.box-bestellen').find('select').attr('disabled', 'true');
			areas.unbind('click');
			
			// enable box 2
			$('.box-bestellen:eq(1)').removeClass('not-active').addClass('active');
			$('.box-bestellen:eq(1) input[type=radio]').removeAttr('disabled');
			$('.box-bestellen:eq(1) .input').removeAttr('disabled');
			$('.box-bestellen:eq(1) select').removeAttr('disabled');
			
			
			// revert on box click
			$('.box-bestellen.filledin:eq(0)').bind('click', function() {
				// disable boxes
				$('.box-bestellen:eq(1)').removeClass('active').addClass('not-active');
				//$('.box-bestellen:eq(1) :radio').attr('disabled', 'true');
				//$('.box-bestellen:eq(1) :input').attr('disabled', 'true');
				//$('.box-bestellen:eq(1) select').attr('disabled', 'true');
				$('.box-bestellen:eq(2)').removeClass('active').addClass('not-active').find('input[type=radio]').attr('disabled', 'true');
				$('.box-bestellen:eq(3)').removeClass('active').addClass('not-active').find('input[type=radio]').attr('disabled', 'true');
				
				
				// enable box 1
				$('.box-bestellen:eq(0)').removeClass('filledin').addClass('active').find('select').removeAttr('disabled');
				map.setup();
			});
		}
		
		function go_step3() {
			// check if all is filled in
			if($('.box-bestellen:eq(1)').find('.input').val() != '' && $(this).parents('.box-bestellen.active').find('select option:selected').val() != 0 && $(this).parents('.box-bestellen.active').find('.jqTransformChecked').length > 0 && $(this).parents('.box-bestellen.active').find('.input').val() != $(this).parents('.box-bestellen.active').find('.input').attr('rel')) {
				
				// save values for post
				selected_level = $('.box-bestellen:eq(1)').find('.jqTransformChecked').val();
				selected_capacity = $('.box-bestellen:eq(1)').find('.input').val();
				selected_aantal_tanks = $('.box-bestellen:eq(1)').find('select option:selected').val();
				
				// set inactive
				//$('.box-bestellen:eq(1)').find(':radio').attr('disabled', 'true');
				//$('.box-bestellen:eq(1)').find('.input').attr('disabled', 'true');
				//$('.box-bestellen:eq(1)').find('select').attr('disabled', 'true');
				$('.box-bestellen:eq(1)').removeClass('active').addClass('filledin');

				// enable box 3
				$('.box-bestellen:eq(2)').removeClass('not-active').addClass('active');
				$('.box-bestellen:eq(2) input[type=radio]').removeAttr('disabled');
				
				// revert on box click
				$('.box-bestellen.filledin:eq(1)').bind('click', function() {
					// disable boxes
					$('.box-bestellen:eq(2)').removeClass('active').addClass('not-active');
					$('.box-bestellen:eq(2)').unbind('click').removeClass('active').addClass('not-active');
					$('.box-bestellen:eq(3)').unbind('click').removeClass('active').addClass('not-active');
					
					// enable box 2
					$(this).removeClass('filledin').addClass('active');
					$('.box-bestellen:eq(1) input[type=radio]').removeAttr('disabled');
					$('.box-bestellen:eq(1) .input').removeAttr('disabled');
					$('.box-bestellen:eq(1) select').removeAttr('disabled');
				});
			}
		}
		
		function gostep4() {
			// save value for post
			selected_dop = $(this).val();
			
			if(selected_dop != 'rood') {
				// set inactive
				$(this).parents('.box-bestellen.active').find('input[type=radio]').attr('disabled', 'true');
				$(this).parents('.box-bestellen.active').removeClass('active').addClass('filledin');
				
				// enable box 4
				$('.box-bestellen:eq(3)').removeClass('not-active').addClass('active');
				$('.box-bestellen:eq(3) input[type=radio]').removeAttr('disabled');
				
				// revert on box click
				$('.box-bestellen.filledin:eq(2)').bind('click', function() {
					// disable box 4
					$('.box-bestellen:eq(3)').removeClass('active').addClass('not-active').unbind('click');
					$('.box-bestellen:eq(3)').find('input[type=radio]').attr('disabled', 'true');
					
					// enable box 3
					$(this).removeClass('filledin').addClass('active');
					$(this).find('input[type=radio]').removeAttr('disabled');
					
				});
			} else {
				//console.log('dop moet nagekeken worden');
			}
		}
		
		function finishSteps() {
			// save value for post
			if(selected_dop != 'rood') {
				selected_beveiliging = $(this).val();
			}
			
			// set inactive
			$(this).parents('.box-bestellen.active').find('input[type=radio]').attr('disabled', 'true');
			$(this).parents('.box-bestellen.active').removeClass('active').addClass('filledin');
			$('.box-bestellen select, .box-bestellen input').removeAttr('disabled');
			// revert on box click
			$('.box-bestellen.filledin:eq(3)').bind('click', function() {
				// enable box 4
				$(this).removeClass('filledin').addClass('active');
				$(this).find('input[type=radio]').removeAttr('disabled');
			});
		}
		
		
		
    }
	
    $.fn.initCustom();		
});