$(document).ready(function() {
 $('select#select1').change(function() {
  switch($(this).val()) {
   case 'webhosting':
   case 'dedicated':
   case 'vps':
   case 'exchange':
   case 'domeinnaam':
   case 'backup':
	$('div.step2').hide();
	$('div.mstep2').hide();
	$('div.step3').hide();
	$('div.mstep3').hide();
	$('div.step2#'+$(this).val()).show();
	$('div.mstep2#'+$(this).val()).show();
	    $('div.volgende').hide();	
    break;
   default:
    $('div.step2').hide();
	$('div.mstep2').hide();
	$('div.step3').hide();
	$('div.mstep3').hide();
    $('div.volgende').hide();	
  }
 });
  $('select#select_webhosting').change(function() {
  switch($(this).val()) {
   case 'small':
   case 'medium':
   case 'large':
   case 'xtralarge':
	$('div.step3#webhosting').show();
	$('div.mstep3#webhosting').show();
    break;
   default:
    $('div.step3#webhosting').hide();
	$('div.mstep3#webhosting').hide();
    $('div.volgende').hide();	
  }
 });

  $('select#select3').change(function() {
  switch($(this).val()) {
		case 'systeem1':
		case 'systeem2':
		case 'vps1':
		case 'vps2':
		case 'vps3':
		case 'vps4':
		case 'vps5':
		case '1gb':
		case '5gb':
		case '10gb':
		case '20gb':
		case '50gb':
		case '75gb':
		case '100gb':
		case '2GB':
		case '4GB':
		case 'nl':
		case 'com':
		case 'net':
		case 'org':
		case 'eu':
		case 'info':
		case 'biz':
		case 'be':
		case 'de':
		case 'fr':
		case 'lu':
		case 'es':
		case 'it':
		case 'nu':
		case 'couk':
		case 'netuk':
		case 'orguk': 
	$('div.volgende').show();
    break;
   default:
    $('div.volgende').hide();

  }
 }); 
 
   $('span#volgende1').click(function() {
    $('div#order_step1').hide();	
	$('div#order1').css("background-image", "url(images/barblue.png)");
	$('div#order2').css("background-image", "url(images/barbluegreen.png)");
	$('div#order_step2').show();	
  });

     $('span#vorige_2').click(function() {
	 $('div#order_step2').hide();
	$('div#order1').css("background-image", "url(images/barbluegreen.png)");
	$('div#order2').css("background-image", "url(images/bargreen.png)");
	 $('div#order_step1').show();

  }); 
    $('span#volgende_2').click(function() {
    $('div#order_step2').hide();	
	$('div#order2').css("background-image", "url(images/barblue.png)");
	$('div#order3').css("background-image", "url(images/barbluegreen.png)");
	$('div#order_step3').show();
  });
      $('span#vorige_3').click(function() {
	 $('div#order_step3').hide();
	$('div#order2').css("background-image", "url(images/barbluegreen.png)");
	$('div#order3').css("background-image", "url(images/bargreen.png)");	 
	 $('div#order_step2').show();

  }); 
    $('span#volgende_3').click(function() {
    $('div#order_step3').hide();	
	$('div#order3').css("background-image", "url(images/barblue.png)");
	$('div#order4').css("background-image", "url(images/barbluegreen.png)");
	$('div#order_step4').show();
	
	var typeproduct = $("#select1").val();
	if (typeproduct == "dedicated"){
		var dedicated = $(".dedicated").val();
			if(dedicated == "systeem1"){
			pakketkeuze = "Dedicated server systeem 1";
			$('div.pakketkeuze').append('dedicated server systeem 1');
			}
			if(dedicated == "systeem2"){
			pakketkeuze = "Dedicated server systeem 2";
			$('div.pakketkeuze').append('dedicated server systeem 2');
			}
		}
	else if (typeproduct == "exchange"){
		var exchange = $(".exchange").val();
			if(exchange == "2GB"){
			pakketkeuze = "Hosted Exchange 2GB";
			$('div.pakketkeuze').append('Hosted Exchange 2 GB');
			}
			if(exchange == "4GB"){
			pakketkeuze = "Hosted Exchange 4GB";
			$('div.pakketkeuze').append('Hosted Exchange 4 GB');
			}
		}
	else if (typeproduct == "domeinnaam"){
		var lossedomeinnaam = $(".lossedomeinnaam").val() + "." + $(".losseext").val();
		pakketkeuze = lossedomeinnaam;
		$('div.pakketkeuze').append(lossedomeinnaam);
		}
	else if (typeproduct == "backup"){
		var backup = $(".backup").val();
			if(backup == "1gb"){
			pakketkeuze = "backup 1GB";
			$('div.pakketkeuze').append('Online backup 1 GB');
			}
			if(backup == "5gb"){
			pakketkeuze = "backup 5GB";
			$('div.pakketkeuze').append('Online backup 5 GB');
			}
			if(backup == "10gb"){
			pakketkeuze = "backup 10GB";
			$('div.pakketkeuze').append('Online backup 10 GB');
			}	
			if(backup == "20gb"){
			pakketkeuze = "backup 20GB";
			$('div.pakketkeuze').append('Online backup 20 GB');
			}	
			if(backup == "50gb"){
			pakketkeuze = "backup 50GB";
			$('div.pakketkeuze').append('Online backup 50 GB');
			}			
			if(backup == "75gb"){
			pakketkeuze = "backup 75GB";
			$('div.pakketkeuze').append('Online backup 75 GB');
			}		
			if(backup == "100gb"){
			pakketkeuze = "backup 100GB";
			$('div.pakketkeuze').append('Online backup 100 GB');
			}			
		}
		
	else if (typeproduct == "vps"){
		var vps = $(".vps").val();
			if(vps == "vps1"){
			pakketkeuze = "vps 1";
			$('div.pakketkeuze').append('Virtual Private Server 1');
			}
			if(vps == "vps2"){
			pakketkeuze = "vps 2";
			$('div.pakketkeuze').append('Virtual Private Server 2');
			}
			if(vps == "vps3"){
			pakketkeuze = "vps 3";
			$('div.pakketkeuze').append('Virtual Private Server 3');
			}	
			if(vps == "vps4"){
			pakketkeuze = "vps 4";
			$('div.pakketkeuze').append('Virtual Private Server 4');
			}	
			if(vps == "vps5"){
			pakketkeuze = "vps 5";
			$('div.pakketkeuze').append('Virtual Private Server 5');
			}					
		}
	else if (typeproduct == "webhosting"){
		var webhostingpakket = $(".webhosting").val();
		var domeinnaam = $(".domeinnaam").val() + "." + $(".ext").val();
		pakketkeuze = webhostingpakket + domeinnaam;
		$('div.pakketkeuze').append(webhostingpakket+" met "+domeinnaam);
		}		
// gegevens weergeven
		bedrijfsnaam = $("#bedrijfsnaamorder").val();
		if (bedrijfsnaam != ""){
		$('div.adres').append("<span class='leftspan'>Bedrijfsnaam:</span>"+bedrijfsnaam+"<br />");
		}
		geslacht = $("input[name='geslacht']:checked").val();
		if(geslacht == "man"){
		titel = "dhr";
		}
		else if (geslacht == "vrouw"){
		titel = "mevr";
		}
		voorletters = $("#voorletters").val();
		roepnaam = $("#roepnaam").val();
		tussenvoegsel = $("#tussenvoegsel").val() + " ";
		achternaam = $("#achternaam").val();
		$('div.adres').append("<span class='leftspan'>Naam:</span>"+titel+" "+voorletters+" ("+roepnaam+") "+tussenvoegsel+""+achternaam+"<br />");
		geboortedatum = $("#dag").val() + " " + $("#maand").val() + " " + $("#jaar").val(); 
		$('div.adres').append("<span class='leftspan'>Geboortedatum:</span>"+geboortedatum+"<br />");
		straat = $("#straat").val();
		nummer = $("#huisnummer").val() + $("#toevoeging").val();
		$('div.adres').append("<span class='leftspan'>Adres:</span>"+straat+" "+nummer+"<br />");
		postcode = $("#postcode").val();
		plaats = $("#plaats").val();
		$('div.adres').append("<span class='leftspan'>Plaats en Postcode:</span>"+plaats+" "+postcode+"<br />");
		land = $("#land").val();
		$('div.adres').append("<span class='leftspan'>Land:</span>"+land+"<br />");
		telefoonnummer = $("#telefoonnummerorder").val();
		$('div.adres').append("<span class='leftspan'>Telefoonnummer:</span>"+telefoonnummer+"<br />");	
		mobiel = $("#mobiel").val();
		if (mobiel != ""){
		$('div.adres').append("<span class='leftspan'>Mobiel telefoonnummer:</span>"+mobiel+"<br />");		
		}
		emailVal = $("#emailorder").val();
		$('div.adres').append("<span class='leftspan'>E-mail adres:</span>"+emailVal+"<br />");

// betaalmethode
		rekeningnummer = "";
		bank = ""
		betaalmethode = $("#betaalmethode").val();
		if (betaalmethode == "overboeking"){
		$('div.betaalmethode').append("U boekt het bedrag zelf over na ontvangst van onze factuur");
		}
		else if (betaalmethode == "incasso"){
		rekeningnummer = $("#rekeningnummer").val();
		bank= $("#bank").val();
		$('div.betaalmethode').append("U betaalt via automatische incasso vanaf rekeningnummer "+rekeningnummer+" bij de "+bank+" bank");
		}
		
		}); 

  $('select#betaalmethode').change(function() {
  switch($(this).val()) {
   case 'incasso':
	$('div.incasso').show();
    break;
   case 'overboeking':
   $('div.incasso').hide();
  }
 });

     $('span#vorige_4').click(function() {
	 $('div#order_step4').hide();
	 $('div#order_step4 div.pakketkeuze').empty();
	 $('div#order_step4 div.adres').empty();
	 $('div#order_step4 div.betaalmethode').empty();
	$('div#order3').css("background-image", "url(images/barbluegreen.png)");
	$('div#order4').css("background-image", "url(images/bargreen.png)");
	 $('div#order_step3').show();

  });  

     $('span#bestelnu1').click(function() {
	 $('div#order_step4').hide();
			$.post("ajax/order.php",
   				{ emailTo: "info@alkeninternet.nl", emailFrom: "emailVal", subject: "bestelling", pakket: pakketkeuze, bedrijf: bedrijfsnaam, geslacht: geslacht, voorletters:voorletters, roepnaam:roepnaam, tussenvoegsel:tussenvoegsel, achternaam:achternaam, geboortedatum:geboortedatum, straat:straat, nummer:nummer, postcode:postcode, plaats:plaats, land:land, telefoonnummner:telefoonnummer, mobiel:mobiel, email:emailVal, betaalmethode:betaalmethode, rekeningnummer:rekeningnummer, bank:bank  },
   					function(data){		   
							$('div#order_step5').show();											
   					}
				 );	 

  });    
 
 });