var loc=1;
var len=1;
var dra=1;
function updateType(location) {
	if (location.value=="1") {
	HTMLstr ="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;LOA:<br><select name=\"length\" onchange=\"updateLength(this);\"><option value=\"1\" selected>&lt;= 230m</option><option value=\"2\">&gt;230m &amp; &lt;=255m</option><option value=\"3\">&gt;255m &amp;&lt;=290m</option><option  value=\"4\">&gt;290m</option></select></p>\n";
  	HTMLstr +="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;Draught:<br><select name=\"draught\" onchange=\"updateDraught(this);\"><option value=\"1\" selected>&lt;=12.5m</option><option value=\"2\">&gt;12.5m &amp; &lt;=13.0m</option></select></p>\n";
	form2.innerHTML=HTMLstr;
	HTMLstr ="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;LOA:<br><select name=\"length\" disabled onchange=\"updateLength(this);\"><option value=\"5\" >&lt;= 366m</option></select></p>\n";
  	HTMLstr +="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;Draught:<br><select name=\"draught\" disabled onchange=\"updateDraught(this);\"><option value=\"1\" >&lt;=14.5m</option><option value=\"2\">&gt;14.5m &amp; &lt;=15.5m</option></select></p>\n";
	form3.innerHTML=HTMLstr;
	loc=1;
	len=1;
	dra=1;
	} 
	if (location.value=="2") { 
	HTMLstr ="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;LOA:<br><select name=\"length\" onchange=\"updateLength(this);\"><option value=\"5\" selected>&lt;= 366m</option></select></p>\n";
  	HTMLstr +="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;Draught:<br><select name=\"draught\" onchange=\"updateDraught(this);\"><option value=\"1\" >&lt;=14.5m</option><option value=\"2\">&gt;14.5m &amp; &lt;=15.5m</option></select></p>\n";
	form3.innerHTML=HTMLstr;
	HTMLstr ="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;LOA:<br><select name=\"length\" disabled onchange=\"updateLength(this);\"><option value=\"1\" >&lt;= 230m</option><option value=\"2\">&gt;230m &amp; &lt;=255m</option><option value=\"3\">&gt;255m &amp;&lt;=290m</option><option  value=\"4\">&gt;290m</option></select></p>\n";
  	HTMLstr +="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;Draught:<br><select name=\"draught\" disabled onchange=\"updateDraught(this);\"><option value=\"1\" >&lt;=12.5m</option><option value=\"2\">&gt;12.5m &amp; &lt;=13.0m</option></select></p>\n";
	form2.innerHTML=HTMLstr;
	loc=2;
	len=5;
	dra=1;
	} 
	updateLoc();
}

function updateLength(length) {
	if (length.value=="1") {
	HTMLstr ="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;LOA:<br><select name=\"length\" onchange=\"updateLength(this);\"><option value=\"1\" selected>&lt;= 230m</option><option value=\"2\">&gt;230m &amp; &lt;=255m</option><option value=\"3\">&gt;255m &amp;&lt;=290m</option><option value=\"4\">&gt;290m</option></select></p>\n";
  	HTMLstr +="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;Draught:<br><select name=\"draught\" onchange=\"updateDraught(this);\"><option value=\"1\" selected>&lt;=12.5m</option><option value=\"2\">&gt;12.5m &amp; &lt;=13.0m</option></select></p>\n";
	form2.innerHTML=HTMLstr;
	} 
	len=1;
	dra=1;
	if (length.value=="2") {
	HTMLstr ="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;LOA:<br><select name=\"length\" onchange=\"updateLength(this);\"><option value=\"1\" >&lt;= 230m</option><option value=\"2\" selected>&gt;230m &amp; &lt;=255m</option><option value=\"3\">&gt;255m &amp;&lt;=290m</option><option value=\"4\">&gt;290m</option></select></p>\n";
  	HTMLstr +="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;Draught:<br><select name=\"draught\" onchange=\"updateDraught(this);\"><option value=\"1\" selected>&lt;=15m</option></select></p>\n";
	form2.innerHTML=HTMLstr;
	len=2;
	dra=1;
	}
	if (length.value=="3") {
	HTMLstr ="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;LOA:<br><select name=\"length\" onchange=\"updateLength(this);\"><option value=\"1\" >&lt;= 230m</option><option value=\"2\">&gt;230m &amp; &lt;=255m</option><option value=\"3\" selected>&gt;255m &amp; &lt;=290m</option><option value=\"4\">&gt;290m</option></select></p>\n";
  	HTMLstr +="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;Draught:<br><select name=\"draught\" onchange=\"updateDraught(this);\"><option value=\"1\" selected>&lt;=16.8m</option></select></p>\n";
	form2.innerHTML=HTMLstr;
	len=3;
	dra=1;
	} 
    if (length.value=="4") {
    HTMLstr ="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;LOA:<br><select name=\"length\" onchange=\"updateLength(this);\"><option value=\"1\" >&lt;= 230m</option><option value=\"2\">&gt;230m &amp; &lt;=255m</option><option value=\"3\">&gt;255m &amp; &lt;=290m</option><option value=\"4\" selected>&gt;290m</option></select></p>\n";
    HTMLstr +="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;Draught:<br><select name=\"draught\" onchange=\"updateDraught(this);\"><option value=\"1\" selected>&lt;=16.8m</option></select></p>\n";
    form2.innerHTML=HTMLstr;
    len=4;
    dra=1;
    }
    if (length.value=="5") {
	HTMLstr ="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;LOA:<br><select name=\"length\" onchange=\"updateLength(this);\"><option value=\"5\" selected>&lt;= 366m</option></select></p>\n";
  	HTMLstr +="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;Draught:<br><select name=\"draught\" onchange=\"updateDraught(this);\"><option value=\"1\" selected>&lt;=14.5m</option><option value=\"2\">&gt;14.5m &amp; &lt;=15.5m</option></p>\n";
    form3.innerHTML=HTMLstr;
    len=5;
    dra=1;
    }
	updateLoc();

}

function updateDraught(length) {
	if (length.value=="1") {
	  dra=1;
	} 
	if (length.value=="2") {
	  dra=2;
	} 
	if (length.value=="3") {
	  dra=3;
	}
	updateLoc();
}

function updateLoc() {
	if (loc==1 && len==1 && dra==1) {

	  updateDistrictForm(0);
	} 
	if (loc==1 && len==1 && dra==2) {

	  updateDistrictForm(1);
	} 
	if (loc==1 && len==2 && dra==1) {

	  updateDistrictForm(5);
	} 
	if (loc==1 && len==2 && dra==3) {

	  updateDistrictForm(3);
	} 
	if (loc==1 && len==3 && dra==1) {

	  updateDistrictForm(2);
	} 
   
    if (loc==1 && len==4 && dra==1) {

      updateDistrictForm(6);
    }
    
	if (loc==2 && len==5 && dra==1) {

	  updateDistrictForm(4);
	} 

    if (loc==2 && len==5 && dra==2) {

	  updateDistrictForm(7);
	} 
    
}

