$(document).ready(function(){ 

	$("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
	$("#featured").hover(
	function() {
	$("#featured").tabs("rotate",0,true);
	},
	function() {
	$("#featured").tabs("rotate",5000,true);
	}
	);
	
	$("#ShippingCountry").delegate('select[name="txtShippingCountry"]', 'change', function () {
		country = $('#ShippingCountrySelect').val(); 
		if ( country == 'BE') {
			alert("Leveringen in België dienen vooraf betaald te worden.\n Overigens zijn de energiekosten, transportverzekering en transportkosten ook voor België inclusief.");
		}
	});

	$('.cancelForm').live('click', function() {
		location.reload();
	});
//cancelForm
	$('#informatie').click(function() {
		$.post('include/processInformatieForm.php', function(data){
			$('#container_informatie_form').show('slow', function() {});
			$('#container_informatie_form').html(data);
			$('.ft').append('<input type="button" class="cancelForm" value="Cancel"/>');
			$('input[value="Cancel"]').attr('id','cancel');
		});
	});
	
	$("#container_informatie_form").delegate('select[name="req_informatietype"]', 'change', function () {
		$opdrachttype = $('#req_informatietype').val();
		switch ($opdrachttype) {
		case ('1'): // plaatsing
			$('#plaatsingDiv').show('slow', function() {});
			$('#leveringDiv').hide('slow', function() {});
			$('#infoDiv').hide('slow', function() {});
			break;
		case ('2'): // levering
			$('#plaatsingDiv').hide('slow', function() {});
			$('#leveringDiv').show('slow', function() {});
			$('#infoDiv').hide('slow', function() {});
			break;
		case ('3'): // info
			$('#plaatsingDiv').hide('slow', function() {});
			$('#leveringDiv').hide('slow', function() {});
			$('#infoDiv').show('slow', function() {});
			break;
		default:
		}
		$('.submit').show('slow', function() {});
	});
	
	$("#container_informatie_form").delegate('input[name*="aanhef"]', 'change', function () {
		waarde = $(this).val();
		if (waarde == '2'){
//			$('#persoon1Div,#persoon2Div,#persoon3Div').hide('fast', function() {});
			$('#bedrijfDiv').show('fast', function() {});
		} else if (waarde == '0' || waarde == '1'){
//			$('#persoon1Div,#persoon2Div,#persoon3Div').show('fast', function() {});
			$('#bedrijfDiv').hide('fast', function() {});
		}
	});
	
	$.metadata.setType("attr", "validate");

	$("#InformatieForm").validate({
		  rules: {
			req_pc: {
				required: true,
				NLpostcode: true
		    }
		  }
	});

	$("#container_informatie_form").delegate('select[name="req_opdrachttype"]', 'change', function () {
		$('#glassoort').show('slow', function() {});
	});

	$("#container_informatie_form").delegate('select[name="req_glas"]', 'change', function () {
		if ($('#glasplaat1').length){
			return true;
		}
		$('#memo_div').show('slow', function () {});
		var aantal;
		$('#glasplatenDiv').show('slow', function() {});
		aantal = $('#req_aantal').val();
		if (aantal == 0){
			aantal = $('#req_stuks').val();
		}
		ruitdiv = '';
		for( i=1; i <= 10; i++){
			ruitdiv += '<div id="glasplaat' + i + '" class="glasplaatRegel">';
			ruitdiv += i + ') <input class="glasplaataantal" id="glasplaat' + i + 'aantal" name="glasplaat' + i + 'aantal" size="2" maxlength="2" type="text" value="1"/>x ';
			ruitdiv += ' <input class="glasplaat' + i + 'breedte" id="glasplaat' + i + 'breedte" name="glasplaat' + i + 'breedte" size="3" maxlength="4" type="text" value=""/>(mm)';
			ruitdiv += '<input class="glasplaat' + i + 'hoogte" id="glasplaat' + i + 'hoogte" name="glasplaat' + i + 'hoogte" size="3" maxlength="4" type="text" value=""/>(mm)';
			ruitdiv += '<select id="glasplaat' + i + 'Floor" name="glasplaat' + i + 'Floor">';
			ruitdiv += '<option value="">- Maak keuze -</option>';
			ruitdiv += '<option value="0">Beg. grond</option>';
			ruitdiv += '<option value="1">1e</option>';
			ruitdiv += '<option value="2">2e</option>';
			ruitdiv += '<option value="3">3e</option>';
			ruitdiv += '<option value="4">4e</option>';
			ruitdiv += '<option value="5">hoger</option>';
			ruitdiv += '</select>';
			ruitdiv += '</div>';
		}
		ruitdiv += '<div id="meerruiten" class="glasplaatRegel"><u><i>Meer ruiten</i></u></div>'
		$('#glasplatenDiv').append(ruitdiv);
		$('#memoDiv').delay(600).show('slow', function() {});
		$('#contactgegevens').delay(1200).show('slow', function() {});
		$('.submit').show('slow', function() {});
	}); 

	$("#meerruiten").live('click', function() {
		if ($('#glasplaat11').length){
			return true;
		}
		$('#meerruiten').hide('slow', function() {});
		$('#glassoort').show('slow', function() {});
		ruitdiv = '';
		
		for( i=11; i <= 20; i++){
			ruitdiv += '<div id="glasplaat' + i + '" class="glasplaatRegel">';
			ruitdiv += i + ') <input class="glasplaataantal" id="glasplaat' + i + 'aantal" name="glasplaat' + i + 'aantal" size="2" maxlength="2" type="text" value="1"/>x ';
			ruitdiv += '<input class="glasplaat' + i + 'breedte" id="glasplaat' + i + 'breedte" name="glasplaat' + i + 'breedte" size="3" maxlength="4" type="text" value=""/>(mm)';
			ruitdiv += '<input class="glasplaat' + i + 'hoogte" id="glasplaat' + i + 'hoogte" name="glasplaat' + i + 'hoogte" size="3" maxlength="4" type="text" value=""/>(mm)';
			ruitdiv += '<select id="glasplaat' + i + 'Floor" name="glasplaat' + i + 'Floor">';
			ruitdiv += '<option value="">- Maak keuze -</option>';
			ruitdiv += '<option value="0">Beg. grond</option>';
			ruitdiv += '<option value="1">1e</option>';
			ruitdiv += '<option value="2">2e</option>';
			ruitdiv += '<option value="3">3e</option>';
			ruitdiv += '<option value="4">4e</option>';
			ruitdiv += '<option value="5">hoger</option>';
			ruitdiv += '</select>';
			ruitdiv += '</div>';
		}
		$('#glasplatenDiv').append(ruitdiv);
	});


});