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;
	loc=1;
	} 
	if (location.value=="2") { 
	HTMLstr ="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;LOA:<br><select name=\"length\" disabled onchange=\"updateLength(this);\"><option value=\"1\" selected></option></select></p>\n";
  	HTMLstr +="<p class=\"text2\">&nbsp;&nbsp;&nbsp;&nbsp;Draught:<br><select name=\"draught\" disabled onchange=\"updateDraught(this);\"><option value=\"1\" selected></option></select></p>\n";
	form2.innerHTML=HTMLstr;
	loc=2;
	} 
	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 selected 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;=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 selected 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;=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 selected 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=4;
        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) {

	  updateDistrictForm(4);
	} 
}
