$(document).ready(function(){


	//$('#main_content').load('home.php');
	
	$("a.slide_show").click(function(){
		if($(this).parent().find("p.slideme").css("display") == "none"){
			$(this).parent().find("p.slideme").slideDown(300);
			$(this).html("<span>Lees minder</span>");
			$(this).addClass("out");
		} else {
			$(this).parent().find("p.slideme").slideUp(300);
			$(this).html("<span>Lees meer</span>");
			$(this).removeClass("out");
		}
	});
	
	
	
	
	function safe_url(url){
		url = url.replace('&#233;','e');
		url = url.replace(' ','-');          
		url = url.replace('/','-');     
		url = url.replace('?','-'); 
		url = url.replace('&','-');
		url = url.replace('`','');  
		url = url.replace('�','A');  
		url = url.replace('�','a');
		url = url.replace('�','a');
		url = url.replace('�','A');  
		url = url.replace('�','a');  
		url = url.replace('�','e'); 
		url = url.replace('�','e');
		url = url.replace('�','E');
		url = url.replace('�','E');  
		url = url.replace('�','e');  
		url = url.replace('�','u');
		url = url.replace('�','u');  
		url = url.replace('�','i');
		url = url.replace('�','i');
		url = url.replace('�','I');   
		url = url.replace('�','o');
		url = url.replace('�','o');  
		url = url.replace('�','o');
		url = url.replace('','');    
		url = url.replace('\'','');  
		url = url.replace('.','');

		url = url.replace(/ /gi, "-");
 
		url = url.toLowerCase();
		return url;
	}
	/*
	STEP-BAR ONCHANGE HANDLERS (for fitting selection)
	====================================================
    */
   /*
    $("#stap1").change( function() {
    	window.location="kiesopfitting?fitting="+$("#stap1").val();
    });
    $("#stap2").change( function() {
        window.location="kiesopfitting?fitting="+$("#stap1").val()+"&type="+$("#stap2").val();
    });
    $("#stap3").change( function() {
        window.location="kiesopfitting?fitting="+$("#stap1").val()+"&type="+$("#stap2").val()+"&kleur="+$("#stap3").val();
    });
    $("#stap4").change( function() {
        window.location="kiesopfitting?fitting="+$("#stap1").val()+"&type="+$("#stap2").val()+"&kleur="+$("#stap3").val()+"&garantie="+$("#stap4").val();
    });
    */
    
    
    $("#stap1").change(function(){
    	window.location="/fitting/"+$("select#stap1 option:selected").text()+"/"+$("#stap1").val();
    });
    $("#stap2").change(function(){
        window.location="/fitting/"+$("select#stap1 option:selected").text()+"/"+$("#stap1").val()+"/"+$("select#stap2 option:selected").text()+"/"+$("#stap2").val();
    });
    $("#stap3").change(function(){
        window.location="/fitting/"+$("select#stap1 option:selected").text()+"/"+$("#stap1").val()+"/"+$("select#stap2 option:selected").text()+"/"+$("#stap2").val()+"/"+$("select#stap3 option:selected").text()+"/"+$("#stap3").val();
    });
    $("#stap4").change(function(){
        window.location="/fitting/"+$("select#stap1 option:selected").text()+"/"+$("#stap1").val()+"/"+$("select#stap2 option:selected").text()+"/"+$("#stap2").val()+"/"+$("select#stap3 option:selected").text()+"/"+$("#stap3").val()+"/"+safe_url($("select#stap4 option:selected").text())+"/"+$("#stap4").val();
    });
    
    
    
    /*
	STEP-BAR ONCHANGE HANDLERS (for car selection)
	====================================================
    */
   /*
    $("#stap5").change( function() {
    	window.location="?merk="+$("#stap5").val();
    });
    $("#stap6").change( function() {
        window.location="?merk="+$("#stap5").val()+"&type="+$("#stap6").val();
    });
    $("#stap7").change( function() {
        window.location="?merk="+$("#stap5").val()+"&type="+$("#stap6").val()+"&jaar="+$("#stap7").val();
    });
    $("#stap8").change( function() {
        window.location="?merk="+$("#stap5").val()+"&type="+$("#stap6").val()+"&jaar="+$("#stap7").val()+"&model="+$("#stap8").val();
    });
  */  
  	$("#stap5").change(function(){
  		//$.post("steplog_handler.php", { step: "1", selection: $("#stap5").val() });
    	window.location="/"+safe_url($("select#stap5 option:selected").text())+"/"+$("#stap5").val();
    });
    $("#stap6").change(function(){
    	//$.post("steplog_handler.php", { step: "2", selection: $("#stap6").val() });
        window.location="/"+safe_url($("select#stap5 option:selected").text())+"/"+$("#stap5").val()+"/"+safe_url($("select#stap6 option:selected").text())+"/"+$("#stap6").val();
    });
    $("#stap7").change(function(){
    	//$.post("steplog_handler.php", { step: "3", selection: $("#stap7").val() });
        window.location="/"+safe_url($("select#stap5 option:selected").text())+"/"+$("#stap5").val()+"/"+safe_url($("select#stap6 option:selected").text())+"/"+$("#stap6").val()+"/"+$("#stap7").val();
    });
    $("#stap8").change(function(){
    	//$.post("steplog_handler.php", { step: "4", selection: $("#stap8").val() });
        window.location="/"+safe_url($("select#stap5 option:selected").text())+"/"+$("#stap5").val()+"/"+safe_url($("select#stap6 option:selected").text())+"/"+$("#stap6").val()+"/"+$("#stap7").val()+"/"+safe_url($("select#stap8 option:selected").text())+"/"+$("#stap8").val();
    });
    
    /*
	POST STEP-BAR FUNCTIONS (for car selection)
	====================================================
    */
    
				    //read the GET vars
				    //usage: var allVars = $.getUrlVars();
				    //       var byName = $.getUrlVar('model');
				    
				    //UNUSED!!
				    
				    
				    $.extend({
					  getUrlVars: function(){
					    var vars = [], hash;
					    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
					    for(var i = 0; i < hashes.length; i++)
					    {
					      hash = hashes[i].split('=');
					      vars.push(hash[0]);
					      vars[hash[0]] = hash[1];
					    }
					    return vars;
					  },
					  getUrlVar: function(name){
					    return $.getUrlVars()[name];
					  }
					});
	
	//new version of getvars, that works with the static rewritten URL
	var url = window.location.pathname;
	var nodes = url.split("/"); 



	var fittingOn = false;
	function showFittingen(){
		if(fittingOn == false){
			$("#step_arrow").slideDown(400, function(){
				$("#fittingen").slideDown(400);
			});
			fittingOn = true;
		}
	}
	function hideFittingen(){
		if(fittingOn == true){
			$("#main_content").load('home.html').hide().fadeIn('slow');
		
			$("#fittingen").slideUp(400, function(){
				$("#step_arrow").slideUp(400);
			});
			fittingOn = false;
		}
	}
	function loadFittingen(){
		$("#fittingen").html("<div class='loading'><img src='img/required/loading-bar.gif' /></div>");
		
		$('#fittingen').load('fittingen.php?merk='+nodes[2]+'&type='+nodes[4]+'&jaar='+nodes[5]+'&model='+nodes[7], function() {
			//alert("done loading...");	
	
		});		
	}
	
	
	
	
	
	
	function stepArrowColor(color){
		if(color == "dark"){
			$("#step_arrow").removeClass("light");
			$("#step_arrow").addClass("dark");
		}
		if(color == "light"){
			$("#step_arrow").removeClass("dark");
			$("#step_arrow").addClass("light");
		}
	}
	
	/*
	var modelSet = $.getUrlVar('model');
	if(modelSet){
		//only run this script if all 4 steps have been set
		stepArrowColor("dark");
		loadFittingen();
        showFittingen();
	}
	*/
	
	if(nodes[7]){
		//only run this script if all 4 steps have been set
		
		
		
		//OLD VERSION, CANCELED
		
		
		 /*
		
		stepArrowColor("dark");
		loadFittingen();
        showFittingen();
        
        
       
        */
        
        //NEW VERSION: no sidebar and redirection to a new page
        
        $('#main_content').css("width","960px");
        $('#main_sidebar').css("display","none");	
        $("#main_content").html("<div class='loading'><br/><br/><img src='img/required/loading-spinner.gif' alt='' /><br/><br/><br/>We zijn de fitting van je auto aan het bepalen, een moment geduld aub.</div>");
        $('#main_content').load('kits3.php?merk='+nodes[2]+'&type='+nodes[4]+'&jaar='+nodes[5]+'&model='+nodes[7], function() {
			//alert("done loading...");	
			$('#callback0').trigger('click');
			$('#callback1').trigger('click');
			$('#callback2').trigger('click');
			$('#callback3').trigger('click');
			$('#callback4').trigger('click');
			$('#callback5').trigger('click');
			$('#callback6').trigger('click');
			$('#callback7').trigger('click');
			$('#callback8').trigger('click');
			$('#callback9').trigger('click');
		});
		
		
		
	}
	
	
	
	
	

	/*
	FIXTURE LIST CLICK
	====================================================
	*/	
	
	$('a.fitting').live('click', function() {
  		var welke = $(this).find("span.nummer").text();	
  		var welke2 = $(this).find("span.name").text();	
		$("#main_content").html("<div class='loading'><br/><br/><img src='img/required/loading-spinner.gif' alt='' /></div>");		
		$('#main_content').load('kits.php?id='+welke+'&name='+welke2, function() {
  			//alert('Load was performed.');
  			$(this).hide().fadeIn('fast');
		});
		var p = $(this);
		var position = p.position();
		$("#product_arrow").css("top",(position.top+10));
		$("#product_arrow").show();
	});
   
   
   	/*
	ORDER FORM VALIDATION
	====================================================
	*/	

	//there is nu submit button on this form, so validation handles onchange of bankselect
	
	$('#bankselect').change(function(){
		var er = 0;
	  
		if ($("input#achternaam").val() == "") {
			$("input#achternaam").addClass('error2');
			$("input#achternaam").parent().parent().find("label").addClass('error1');
			er = 1;
		} else {
			$("input#achternaam").removeClass('error2');
			$("input#achternaam").parent().parent().find("label").removeClass('error1');
		}
		if ($("input#adres").val() == "") {
		 	$("input#adres").addClass('error2');
		 	$("input#adres").parent().parent().find("label").addClass('error1');
		 	er = 1;
		} else {
			$("input#adres").removeClass('error2');
		 	$("input#adres").parent().parent().find("label").removeClass('error1');
		}
		if ($("input#postcode").val() == "") {
		 	$("input#postcode").addClass('error2');
		 	$("input#postcode").parent().parent().find("label").addClass('error1');
		 	er = 1;
		} else {
			$("input#postcode").removeClass('error2');
		 	$("input#postcode").parent().parent().find("label").removeClass('error1');
		}
		if ($("input#woonplaats").val() == "") {
		  	$("input#woonplaats").addClass('error2');
		  	$("input#woonplaats").parent().parent().find("label").addClass('error1');
		  	er = 1;
		} else {
			$("input#woonplaats").removeClass('error2');
		  	$("input#woonplaats").parent().parent().find("label").removeClass('error1');
		}
		if ($("input#email").val() == "") {
		  	$("input#email").addClass('error2');
		  	$("input#email").parent().parent().find("label").addClass('error1');
		  	er = 1;
		} else {
			$("input#email").removeClass('error2');
		  	$("input#email").parent().parent().find("label").removeClass('error1');
		}
		
		if ($('#voorwaarden:checked').val() !== undefined) {
			$("#voorwaarden").removeClass('error2');
 			$("#voorwaarden").parent().parent().find("label").removeClass('error1');
 			$("#voorwaarden").parent().parent().find("label a").removeClass('error1');
		} else {
			$("#voorwaarden").addClass('error2');
			$("#voorwaarden").parent().parent().find("label").addClass('error1');
			$("#voorwaarden").parent().parent().find("label a").addClass('error1');
			er = 1;
		}

		if(er == 0){
			$("#errormessage").slideUp(400);
			//SUBMIT FORM
			$('form#orderform').submit();
			
			//DISABLE ALL FORM FIELDS
			$('form#orderform').find('input').attr("disabled", "disabled");	
			$('form#orderform').find('select').attr("disabled", "disabled");	
			$('form#orderform').find('checkbox').attr("disabled", "disabled");	
		} else {
			$("#errormessage").html("<b>Je hebt 1 van de verplichte velden niet ingevuld.</b><br/>Je dient eerst je gegevens in te vullen en accoord te gaan met de voorwaarden<br/>voordat je je bank selecteert.").slideDown(300);
			
			//reset bank selection, so onchange can be triggered again
			$("select#bankselect").val(''); 			
			return false;
		}
	});
	

	/*
	NEW KIT FUNCTIONS (replaces old method)
	====================================================
	*/
	
	$('.kitlicht').live('change', function() {
	//$('.kitlicht').change(function(){
		selection = $(this).val();
		
		$(this).parent().parent().parent().find('.col4 .callback').load('kitselect_fittinghandler.php?a='+$(this).val()+'&b='+$(this).parent().parent().parent().find('.col3 .bottom select').val()+'&c='+$(this).parent().parent().parent().find('.col3 .bottom .possiblekits').text(), function() {
			if(selection == 4){
				$($(this).parent().parent().parent().find(".col2 .top")).html("<img src='img/required/reworks/newkit_auto6000k.png' alt='' />Kies de kleur&nbsp;&nbsp;&nbsp;&nbsp;");
			} else {
				$($(this).parent().parent().parent().find(".col2 .top")).html("<img src='img/required/reworks/newkit_auto8000k.png' alt='' />Kies de kleur&nbsp;&nbsp;&nbsp;&nbsp;");
			}
		});
	});
	$('.kitgarantie').live('change', function() {
	//$('.kitgarantie').change(function(){
		selection = $(this).val();
		$(this).parent().parent().parent().find('.col4 .callback').load('kitselect_fittinghandler.php?a='+$(this).parent().parent().parent().find('.col2 .bottom select').val()+'&b='+$(this).val()+'&c='+$(this).parent().parent().parent().find('.col3 .bottom .possiblekits').text(), function() {
		if(selection == 31){
				$($(this).parent().parent().parent().find(".col3 .top")).html("<img src='img/required/reworks/newkit_kit1.png' alt='' />Kies de garantietermijn");
			} else {
				$($(this).parent().parent().parent().find(".col3 .top")).html("<img src='img/required/reworks/newkit_kit2.png' alt='' />Kies de garantietermijn");
			}
		});
	});


	
	
	//please ignore the extremely dirty fix :)
	//the only way to auto-load the price-text is to bind a click-event to the live elements, and catch it later on in the code.
	

	$('#callback0').live('click', function() {
		//colorize label
		if($(this).parent().parent().find('.col1 .bottom p').html().substring(0,1) == "D"){
			$(this).parent().parent().find('.col1 .bottom').css("background","url(img/required/reworks/label_green.png) top left no-repeat");
		} 
		$(this).load('kitselect_fittinghandler.php?a='+$(this).parent().parent().find('.col2 .bottom select').val()+'&b='+$(this).parent().parent().find('.col3 .bottom select').val()+'&c='+$(this).parent().parent().find('.col3 .bottom .possiblekits').text(), function() {
		});

	});
	$('#callback1').live('click', function() {
		//colorize label
		if($(this).parent().parent().find('.col1 .bottom p').html().substring(0,1) == "D"){
			$(this).parent().parent().find('.col1 .bottom').css("background","url(img/required/reworks/label_green.png) top left no-repeat");
		} 
		$(this).load('kitselect_fittinghandler.php?a='+$(this).parent().parent().find('.col2 .bottom select').val()+'&b='+$(this).parent().parent().find('.col3 .bottom select').val()+'&c='+$(this).parent().parent().find('.col3 .bottom .possiblekits').text(), function() {
		});

	});
	$('#callback2').live('click', function() {
		//colorize label
		if($(this).parent().parent().find('.col1 .bottom p').html().substring(0,1) == "D"){
			$(this).parent().parent().find('.col1 .bottom').css("background","url(img/required/reworks/label_green.png) top left no-repeat");
		} 
		$(this).load('kitselect_fittinghandler.php?a='+$(this).parent().parent().find('.col2 .bottom select').val()+'&b='+$(this).parent().parent().find('.col3 .bottom select').val()+'&c='+$(this).parent().parent().find('.col3 .bottom .possiblekits').text(), function() {
		});

	});
	$('#callback3').live('click', function() {
		//colorize label
		if($(this).parent().parent().find('.col1 .bottom p').html().substring(0,1) == "D"){
			$(this).parent().parent().find('.col1 .bottom').css("background","url(img/required/reworks/label_green.png) top left no-repeat");
		} 
		$(this).load('kitselect_fittinghandler.php?a='+$(this).parent().parent().find('.col2 .bottom select').val()+'&b='+$(this).parent().parent().find('.col3 .bottom select').val()+'&c='+$(this).parent().parent().find('.col3 .bottom .possiblekits').text(), function() {
		});

	});
	$('#callback4').live('click', function() {
		//colorize label
		if($(this).parent().parent().find('.col1 .bottom p').html().substring(0,1) == "D"){
			$(this).parent().parent().find('.col1 .bottom').css("background","url(img/required/reworks/label_green.png) top left no-repeat");
		} 
		$(this).load('kitselect_fittinghandler.php?a='+$(this).parent().parent().find('.col2 .bottom select').val()+'&b='+$(this).parent().parent().find('.col3 .bottom select').val()+'&c='+$(this).parent().parent().find('.col3 .bottom .possiblekits').text(), function() {
		});

	});
	$('#callback5').live('click', function() {
		//colorize label
		if($(this).parent().parent().find('.col1 .bottom p').html().substring(0,1) == "D"){
			$(this).parent().parent().find('.col1 .bottom').css("background","url(img/required/reworks/label_green.png) top left no-repeat");
		} 
		$(this).load('kitselect_fittinghandler.php?a='+$(this).parent().parent().find('.col2 .bottom select').val()+'&b='+$(this).parent().parent().find('.col3 .bottom select').val()+'&c='+$(this).parent().parent().find('.col3 .bottom .possiblekits').text(), function() {
		});

	});
	$('#callback6').live('click', function() {
		//colorize label
		if($(this).parent().parent().find('.col1 .bottom p').html().substring(0,1) == "D"){
			$(this).parent().parent().find('.col1 .bottom').css("background","url(img/required/reworks/label_green.png) top left no-repeat");
		} 
		$(this).load('kitselect_fittinghandler.php?a='+$(this).parent().parent().find('.col2 .bottom select').val()+'&b='+$(this).parent().parent().find('.col3 .bottom select').val()+'&c='+$(this).parent().parent().find('.col3 .bottom .possiblekits').text(), function() {
		});

	});
	$('#callback7').live('click', function() {
		//colorize label
		if($(this).parent().parent().find('.col1 .bottom p').html().substring(0,1) == "D"){
			$(this).parent().parent().find('.col1 .bottom').css("background","url(img/required/reworks/label_green.png) top left no-repeat");
		} 
		$(this).load('kitselect_fittinghandler.php?a='+$(this).parent().parent().find('.col2 .bottom select').val()+'&b='+$(this).parent().parent().find('.col3 .bottom select').val()+'&c='+$(this).parent().parent().find('.col3 .bottom .possiblekits').text(), function() {
		});

	});
	$('#callback8').live('click', function() {
		//colorize label
		if($(this).parent().parent().find('.col1 .bottom p').html().substring(0,1) == "D"){
			$(this).parent().parent().find('.col1 .bottom').css("background","url(img/required/reworks/label_green.png) top left no-repeat");
		} 
		$(this).load('kitselect_fittinghandler.php?a='+$(this).parent().parent().find('.col2 .bottom select').val()+'&b='+$(this).parent().parent().find('.col3 .bottom select').val()+'&c='+$(this).parent().parent().find('.col3 .bottom .possiblekits').text(), function() {
		});

	});
	$('#callback9').live('click', function() {
		//colorize label
		if($(this).parent().parent().find('.col1 .bottom p').html().substring(0,1) == "D"){
			$(this).parent().parent().find('.col1 .bottom').css("background","url(img/required/reworks/label_green.png) top left no-repeat");
		} 
		$(this).load('kitselect_fittinghandler.php?a='+$(this).parent().parent().find('.col2 .bottom select').val()+'&b='+$(this).parent().parent().find('.col3 .bottom select').val()+'&c='+$(this).parent().parent().find('.col3 .bottom .possiblekits').text(), function() {
		});

	});

		
	
	
	
	
	
	
	/*
	HELP CLICK FOR FITTING
	====================================================
	*/
	$('.newkits div.inner .col1 .bottom').live('click', function(){
		$('#kitinfo').slideDown(300);
	});
	$('#helpbutton').live('click', function(){
		$('#kitinfo').slideDown(300);
	});
	
});