function toggle_block(which){

var werkplaats = document.getElementById("werkplaats").checked;
var auto = document.getElementById("auto").checked;
var bus = document.getElementById("bus").checked;
var koffers = document.getElementById("koffers").checked;
var links_mobile = document.getElementById("links_mobile").checked;
var links_transportainer = document.getElementById("links_transportainer").checked;
var links_geen = document.getElementById("links_geen").checked;
var rechts_mobile = document.getElementById("rechts_mobile").checked;
var rechts_transportainer = document.getElementById("rechts_transportainer").checked;
var rechts_geen = document.getElementById("rechts_geen").checked;
var verplicht_1 = document.getElementById("verplicht_1").value;
var verplicht_2 = document.getElementById("verplicht_2").value;
var verplicht_3 = document.getElementById("verplicht_3").value;
var verplicht_4 = document.getElementById("verplicht_4").value;
var verplicht_5 = document.getElementById("verplicht_5").value;
var verplicht_6 = document.getElementById("verplicht_6").value;
var verplicht_7 = document.getElementById("verplicht_7").value;
if(which == 1)
  document.getElementById('stap_1').style.display = 'block';
else if(!verplicht_1 || !verplicht_2 || !verplicht_3 || !verplicht_4 || !verplicht_5 || !verplicht_6 || !verplicht_7){
 alert("Je hebt niet alle verplichte velden ingevuld.");
 document.getElementById('stap_1').style.display = 'block';
 which = 1; 
}
else
	document.getElementById('stap_1').style.display = 'none';
if(which == 2)
  document.getElementById('stap_2').style.display = 'block';
else
  document.getElementById('stap_2').style.display = 'none';

if(which == 3){
  if(werkplaats)
    document.getElementById('stap_3_werkplaats').style.display = 'block';
  else if(auto)
    document.getElementById('stap_3_auto').style.display = 'block';
  else if(bus)
    document.getElementById('stap_3_bus').style.display = 'block';
  else if(koffers)
    which = 6;
  else{
    alert("U moet eerst een keuze maken waar het systeem geplaatst wordt.");
    document.getElementById('stap_2').style.display = 'block';
  }
}
else{
  document.getElementById('stap_3_werkplaats').style.display = 'none';
  document.getElementById('stap_3_auto').style.display = 'none';
  document.getElementById('stap_3_bus').style.display = 'none';
}

if(which == 4){
  if(werkplaats)
    document.getElementById('stap_4_werkplaats').style.display = 'block';
  else if(auto)
    document.getElementById('stap_4_auto').style.display = 'block';
  else if(bus){
    if(links_mobile)
      document.getElementById('stap_4_bus_mobile').style.display = 'block';
    else if(links_transportainer)
      document.getElementById('stap_4_bus_transportainer').style.display = 'block';
    else if(links_geen)
      which = 5;
    else{
      alert("U moet eerst een keuze maken welk systeem u links wilt plaatsen");
      document.getElementById('stap_3_bus').style.display = 'block';
    }
  }
  else{
    alert("U moet eerst een keuze maken welk het systeem geplaatst wordt.");
    document.getElementById('stap_2').style.display = 'block';
  }
}
else{
  document.getElementById('stap_4_werkplaats').style.display = 'none';
  document.getElementById('stap_4_auto').style.display = 'none';
  document.getElementById('stap_4_bus_mobile').style.display = 'none';
  document.getElementById('stap_4_bus_transportainer').style.display = 'none';
}

if(which == 5){
  if(rechts_mobile)
    document.getElementById('stap_5_bus_mobile').style.display = 'block';
  else if(rechts_transportainer)
    document.getElementById('stap_5_bus_transportainer').style.display = 'block';
  else if(rechts_geen)
    which = 6;
  else if(bus){
    alert('U moet eerste een keuze maken welk systeem geplaatst wordt.');
    document.getElementById('stap_3_bus').style.display = 'block';
  }
  else
    which = 6;
}
else{
  document.getElementById('stap_5_bus_mobile').style.display = 'none';
  document.getElementById('stap_5_bus_transportainer').style.display = 'none';
}
if(which == 6)
  document.getElementById('stap_6').style.display = 'block';
else
  document.getElementById('stap_6').style.display = 'none';
if(which == 7)
  document.getElementById('stap_7').style.display = 'block';
else
  document.getElementById('stap_7').style.display = 'none';
if(which == 8)
  document.getElementById('stap_8').style.display = 'block';
else
  document.getElementById('stap_8').style.display = 'none';
if(which == 9){
  document.getElementById('stap_9').style.display = 'block';
  document.getElementById('stap_1_title').innerHTML = '';
  document.getElementById('stap_2_title').innerHTML = '';
  document.getElementById('stap_3_werkplaats_title').innerHTML = '';
  document.getElementById('stap_3_bus_title').innerHTML = '';
  document.getElementById('stap_3_auto_title').innerHTML = '';
  document.getElementById('stap_4_werkplaats_title').innerHTML = '';
  document.getElementById('stap_4_auto_title').innerHTML = '';
  document.getElementById('stap_4_bus_mobile_title').innerHTML = '';
  document.getElementById('stap_4_bus_transportainer_title').innerHTML = '';
  document.getElementById('stap_5_bus_mobile_title').innerHTML = '';
  document.getElementById('stap_5_bus_transportainer_title').innerHTML = '';
  document.getElementById('stap_6_title').innerHTML = '';
  document.getElementById('stap_7_title').innerHTML = '';
  document.getElementById('stap_8_title').innerHTML = '';
  document.getElementById('stap_9_title').innerHTML = '';

}
else
  document.getElementById('stap_9').style.display = 'none';
  
if(which == 10){
  document.getElementById('stap_1').style.display = 'block';
  document.getElementById('stap_1_title').innerHTML = '<b>Persoonlijke Informatie</b>';
  document.getElementById('stap_2').style.display = 'block';
  
  document.getElementById('stap_2_title').innerHTML = '<b>Locatie van het systeem</b>';
  if(werkplaats){
    document.getElementById('stap_3_werkplaats').style.display = 'block';
    document.getElementById('stap_3_werkplaats_title').innerHTML = '<b>Algemene gegevens over de werkplaats</b>';
  }
  if(auto){
    document.getElementById('stap_3_auto').style.display = 'block';
    document.getElementById('stap_3_auto_title').innerHTML = '<b>Algemene gegevens over de auto</b>';
  }
  if(bus){
    document.getElementById('stap_3_bus').style.display = 'block';
    document.getElementById('stap_3_bus_title').innerHTML = '<b>Algemene gegevens over de bus</b>';
  }
  if(werkplaats){
    document.getElementById('stap_4_werkplaats').style.display = 'block';
     document.getElementById('stap_4_werkplaats_title').innerHTML = '<b>Gegevens over het Transportainer-systeem</b>';
  }
  if(auto){
    document.getElementById('stap_4_auto').style.display = 'block';
    document.getElementById('stap_4_auto_title').innerHTML = '<b>Algemene gegevens over het Meditainer-systeem</b>';
  }
  if(bus){
    if(links_mobile){
      document.getElementById('stap_4_bus_mobile').style.display = 'block';
      document.getElementById('stap_4_bus_mobile_title').innerHTML = '<b>Algemene gegevens over het Mobile-systeem aan de linkerkant</b>';
    }
    else if(links_transportainer){
      document.getElementById('stap_4_bus_transportainer').style.display = 'block';
      document.getElementById('stap_4_bus_transportainer_title').innerHTML = '<b>Algemene gegevens over het Transportainer-systeem aan de linkerkant</b>';
    }
  }
  if(rechts_mobile){
      document.getElementById('stap_5_bus_mobile').style.display = 'block';
      document.getElementById('stap_5_bus_mobile_title').innerHTML = '<b>Algemene gegevens over het Mobile-systeem aan de rechterkant</b>';
  }
  else if(rechts_transportainer){
    document.getElementById('stap_5_bus_transportainer').style.display = 'block';
    document.getElementById('stap_5_bus_transportainer_title').innerHTML = '<b>Algemene gegevens over het Transportainer-systeem aan de rechterkant</b>';
  }
  document.getElementById('stap_6').style.display = 'block';
  document.getElementById('stap_6_title').innerHTML = '<b>Koffers die u al heeft</b>';
  //document.getElementById('stap_7').style.display = 'block';
  //document.getElementById('stap_7_title').innerHTML = '<b>Koffers die u wilt bestellen</b>';
  document.getElementById('stap_8').style.display = 'block';
  document.getElementById('stap_8_title').innerHTML = '<b>Koffer accesoires die u wilt bestellen</b>';
  document.getElementById('stap_9').style.display = 'block';
  document.getElementById('stap_9_title').innerHTML = '<b>Opmerkingen</b>';
  document.getElementById('stap_10').style.display = 'block';
}
else
  document.getElementById('stap_10').style.display = 'none';

//Define the instructions and buttons over here
if(which == 1){
  document.getElementById('instructies').innerHTML = 'Vul hieronder de algemene gegevens in van uw bedrijf';
  document.getElementById('button_prev').style.display = 'none';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'0\')');
  document.getElementById('button_next').style.display = 'inline';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'2\')');
}
if(which == 2){
  document.getElementById('instructies').innerHTML = 'Vul hieronder in waar het systeem geplaatst wordt.';
  document.getElementById('button_prev').style.display = 'inline';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'1\')');
  document.getElementById('button_next').style.display = 'inline';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'3\')');
}
if(which == 3 && werkplaats){
  document.getElementById('instructies').innerHTML = 'Vul hier de algemende gegevens in over de werkplaats';
  document.getElementById('button_prev').style.display = 'inline';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'2\')');
  document.getElementById('button_next').style.display = 'inline';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'4\')');
}
if(which == 3 && auto){
  document.getElementById('instructies').innerHTML = 'Vul hier de algemende gegevens in over de personenauto';
  document.getElementById('button_prev').style.display = 'inline';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'2\')');
  document.getElementById('button_next').style.display = 'inline';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'4\')');
}
if(which == 3 && bus){
  document.getElementById('instructies').innerHTML = 'Vul hier de algemende gegevens in over de bestelbus';
  document.getElementById('button_prev').style.display = 'inline';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'2\')');
  document.getElementById('button_next').style.display = 'inline';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'4\')');
}
if(which == 4 && werkplaats){
  document.getElementById('instructies').innerHTML = 'Vul hieronder uw gegevens in over het <b>Transportainer-systeem</b>';
  document.getElementById('button_prev').style.display = 'inline';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'3\')');
  document.getElementById('button_next').style.display = 'inline';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'6\')');
}
if(which == 4 && auto){
  document.getElementById('instructies').innerHTML = 'Vul hieronder uw gegevens in over het <b>Meditainer-systeem</b>';
  document.getElementById('button_prev').style.display = 'inline';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'3\')');
  document.getElementById('button_next').style.display = 'inline';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'6\')');
}
if(which == 4 && bus && links_mobile){
  document.getElementById('instructies').innerHTML = 'Vul hieronder uw gegevens in over het <b>Mobile-systeem</b> aan de <b>linkerkant</b>';
  document.getElementById('button_prev').style.display = 'inline';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'3\')');
  document.getElementById('button_next').style.display = 'inline';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'5\')');
}
if(which == 4 && bus && links_transportainer){
  document.getElementById('instructies').innerHTML = 'Vul hieronder uw gegevens in over het <b>Transportainer-systeem</b> aan de <b>linkerkant</b>';
  document.getElementById('button_prev').style.display = 'inline';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'3\')');
  document.getElementById('button_next').style.display = 'inline';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'5\')');
}
if(which == 5 && rechts_mobile){
  document.getElementById('instructies').innerHTML = 'Vul hieronder uw gegevens in over het <b>Mobile-systeem</b> aan de <b>rechterkant</b>';
  document.getElementById('button_prev').style.display = 'inline';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'3\')');
  document.getElementById('button_next').style.display = 'inline';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'6\')');
}
if(which == 5 && rechts_transportainer){
  document.getElementById('instructies').innerHTML = 'Vul hieronder uw gegevens in over het <b>Transportainer-systeem</b> aan de <b>rechterkant</b>';
  document.getElementById('button_prev').style.display = 'inline';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'3\')');
  document.getElementById('button_next').style.display = 'inline';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'6\')');
}
if(which == 6){
  document.getElementById('instructies').innerHTML = 'Vul hieronder de gegevens in over de koffers die u al heeft';
  document.getElementById('button_prev').style.display = 'inline';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'3\')');
  document.getElementById('button_next').style.display = 'inline';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'8\')');
}
if(which == 7){
  document.getElementById('instructies').innerHTML = 'Vul hieronder in welke systainer/ rako-koffers u <b>wilt bestellen</b>';
  document.getElementById('button_prev').style.display = 'inline';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'6\')');
  document.getElementById('button_next').style.display = 'inline';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'8\')');
}
if(which == 8){
  document.getElementById('instructies').innerHTML = 'Vul hieronder in welke koffers en/of accesoires u wilt bestellen';
  document.getElementById('button_prev').style.display = 'inline';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'6\')');
  document.getElementById('button_next').style.display = 'inline';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'9\')');
}
if(which == 9){
  document.getElementById('instructies').innerHTML = 'Vul hieronder eventueel nog opmerkingen in';
  document.getElementById('button_prev').style.display = 'inline';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'8\')');
  document.getElementById('button_next').style.display = 'inline';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'10\')');
}
if(which == 10){
  document.getElementById('instructies').innerHTML = 'Controleer alle gegevens en verstuur de offerte';
  document.getElementById('button_prev').style.display = 'inline';
  document.getElementById('button_prev').onclick = new Function('toggle_block(\'9\')');
  document.getElementById('button_next').style.display = 'none';
  document.getElementById('button_next').onclick = new Function('toggle_block(\'11\')');
}

}//End of function

function schappen_mobile(side, nr){

  for(var i = 1; i <= 5; i++){
    document.getElementById('schap_'+i+'_'+side).style.display = 'none';
  }
  for(var i = 1; i <= nr; i++){
    document.getElementById('schap_'+i+'_'+side).style.display = 'block';
  }
}

function koffers_bestel(koffers){
if(koffers == "ja")
  document.getElementById('stap_6_table').style.display = 'block';
else
  toggle_block(9);
}

function showtip(which){
  if(which == 'merk')
    document.getElementById('tip_content').innerHTML = 'Vul hier het merk van uw auto in';
  else if(which == 'profiel')
    document.getElementById('tip_content').innerHTML = '<img src="images/offerte_profielen.jpg" style="width: 160px;" /><br />Links: L-type<br />Rechts: U-type';
  else if(which == 'schaplengte')
    document.getElementById('tip_content').innerHTML = '<img src="images/offerte_schaplengte.jpg" style="width: 160px;" />';
  else if(which == 'schapdiepte')
    document.getElementById('tip_content').innerHTML = '<img src="images/offerte_schapdiepte.jpg" style="width: 160px;" />';
  else
    document.getElementById('tip_content').innerHTML = 'Tip niet gevonden';
  document.getElementById('tips').style.display = 'block';
}

function hidetip(){
  document.getElementById('tips').style.display = 'none';
}