// Dynamic Form Scripts

// Submit a claim page show/hide generic, nursery or motor claim form
function ShowHideclaimpage () {
var gcc = document.getElementById("generalclaim").checked;
var mcc = document.getElementById("motorclaim").checked;
var ncc = document.getElementById("nurseryclaim").checked;
var gfd = document.getElementById("genformdiv");
var mfd = document.getElementById("motorformdiv");
var nfd = document.getElementById("nurserydiv");

if (gcc) {
gfd.style.display="inline";
mfd.style.display="none";
nfd.style.display="none";
}
else if (mcc) {
gfd.style.display="none";
mfd.style.display="inline";
nfd.style.display="none";
}
else if (ncc) {
gfd.style.display="none";
mfd.style.display="none";
nfd.style.display="inline";
}
}


// Quote Form Scripts for hiding menu items on vehicle claim page
// Show/Hide Submit button until acknowledgement 

function ShowHideSubmit () {
var v = document.getElementById("acknowledge").checked;
var f = document.getElementById("submitdiv");
if (v) {
f.style.display="inline";
}
else {
f.style.display="none";
}
}

// Show/Hide Specialist Vehicles

function ShowHideSpecVeh () {
var specvehinc = document.getElementById("specvehn").checked;
var specvehiyc = document.getElementById("specvehy").checked;
var spvehdiv = document.getElementById("specvehdiv");
if (specvehiyc) {
spvehdiv.style.display="inline";
}
else {
spvehdiv.style.display="none";
}
}


// Show/Hide Property form fields

function ShowHideProp () {
var propvalnc = document.getElementById("propn").checked;
var propvalyc = document.getElementById("propy").checked;
var propdiv = document.getElementById("prop");
if (propvalyc) {
propdiv.style.display="inline";
}
else {
propdiv.style.display="none";
}
}



// Show/Hide Other Occupants form fields

function ShowHideOcc () {
var occvalnc = document.getElementById("occupn").checked;
var occvalyc = document.getElementById("occupy").checked;
var occdiv = document.getElementById("occ");
if (occvalyc) {
occdiv.style.display="inline";
}
else {
occdiv.style.display="none";
}
}

// Show/Hide Convictions and Medical conditions form fields

function ShowHideConvict () {
var convictvalnc = document.getElementById("convictn").checked;
var convictvalyc = document.getElementById("convicty").checked;
var convictdiv = document.getElementById("convictmedical");
if (convictvalyc) {
convictdiv.style.display="inline";
}
else {
convictdiv.style.display="none";
}
}


// Show/Hide Claims form fields if previous claim needs to be advised

function ShowHideClaim () {
var claimvalnc = document.getElementById("claimn").checked;
var claimvalyc = document.getElementById("claimy").checked;
var claimcont = document.getElementById("claimdiv");
if (claimvalyc) {
claimcont.style.display="inline";
}
else {
claimcont.style.display="none";
}
}

// Add a claim

var counter = 1;
var limit = 6;
function addClaim(clentdiv) {
     if (counter == limit)  {
          alert("You have reached the limit of " + counter + " Claims");
     }
     else {
          var newdiv = document.createElement('div');
          counter++;
		  newdiv.setAttribute('id','newdiv'+counter);
          newdiv.innerHTML = "<br><table align='center' width='400' cellpadding='0' cellspacing='0' border='0'><tr><td>Date:</td><td>Incident Type:</td><td>Amount:</td><td>On whos policy:</td><td>&nbsp;</td></tr><tr><td><input type='text' name=\"claimdata[]\"></td><td><select name=\"claimdata[]\"><option value='Fault Accident'>Fault Accident</option><option value='Non Fault Accident'>Non Fault Accident</option><option value='Fire/theft Malicious Damage'>Fire/theft Malicious Damage</option><option value='Windscreen'>Windscreen</option></select></td><td><input type='text' name=\"claimdata[]\"></td><td><select name=\"claimdata[]\"><option value='Proposers Policy'>Proposers Policy</option><option value='Different Policy'>Different Policy</option></select></td><td><input type='image' src='images/remove.gif' onClick=\"removeClaim('"+clentdiv+"','"+newdiv.id+"');\"></td></tr></table>";
          document.getElementById(clentdiv).appendChild(newdiv);
     }
}

// Remove a claim

function removeClaim(clentdiv,newdiv) {
          var child = document.getElementById(newdiv);
          var parent = document.getElementById(clentdiv);
          parent.removeChild(child);
		  counter--;
}

// Add a vehicle

var counterv = 1;
var limitv = 10;
function addvehicle(vehicledata) {
     if (counterv == limitv)  {
          alert("You have reached the limit of " + counterv + " Vehicles, call us if you want to insure more.");
     }
     else {
		  counterv++;
          var newdivvehicle = document.createElement('div');
		  newdivvehicle.setAttribute('id','newdivv'+counterv);
          newdivvehicle.innerHTML = "<br><table align='center' width='400' cellpadding='0' cellspacing='5' border='0'><tr><td>Make</td><td>Model</td><td>Registration</td><td>Value</td></tr><tr><td><input type='text' name=\"myVehicles[]\"></td><td><input type='text' name=\"myVehicles[]\"></td><td><input type='text' name=\"myVehicles[]\"></td><td><input type='text' name=\"myVehicles[]\"></td></tr><tr><td>Weight</td><td>No  of Seats</td><td>Overnight location</td><td>Modifications</td></tr><tr><td><select name=\"myVehicles[]\"><option value='upto 3.5 tonne'>up to 3.5 tonnes</option><option value='3.5 to 7.5 tonnes'>3.5-7.5 tonnes</option><option value='7.5 to 15 tonnes'>7.5-15 tonnes</option><option value='15 to 44 tonnes'>15-44 tonnes</option></select></td><td><select name=\"myVehicles[]\"><option value='1 seat'>1 seat</option><option value='2 to 3 seats'>2-3 seats</option><option value='4 to 6 seats'>4-6 seats</option><option value='7 to 10 seats'>7-10 seats</option><option value='11 to 17 seats'>11-17 seats</option><option value='18 to 30 seats'>18-30 seats</option><option value='31 to 60 seats'>31-60 seats</option><option value='60 seats or more'>60+ seats</option></select></td><td><select name=\"myVehicles[]\"><option value='Kept Public Road'>Public Road</option><option value='Kept Private Road'>Private Road</option><option value='Kept Own Drive'>Own Drive</option><option value='Kept Garage'>Garage</option><option value='Kept Car Park'>Car Park</option><option value='Kept Carport'>Carport</option><option value='Kept Shed'>Shed</option><option value='Kept Third Party Premises'>Third Party Premises</option><option value='Kept Secure Compound'>Secure Compound</option><option value='Kept Unlocked Building'>Unlocked Building</option><option value='Kept Unlocked Compound'>Unlocked Compound</option><option value='Kept Other'>Other</option></select></td><td><select name=\"myVehicles[]\">	<option value='Mods No'>No</option><option value='Mods Yes'>Yes</option></select></td></tr><tr><td>Immobiliser</td><td>Tracker</td><td>Owner</td><td>&nbsp;</td></tr><tr><td><select name=\"myVehicles[]\"><option value='Immob No'>No</option><option value='Immob Yes'>Yes</option></select></td><td><select name=\"myVehicles[]\">	<option value='Track No'>No</option>	<option value='Track Yes'>Yes</option>	<option value='Track YesApprov'>Yes nb</option></select></td><td><select name=\"myVehicles[]\"><option value='Owner Proposor'>Proposer</option><option value='Owner Employee'>Employee</option><option value='Owner Spouse'>Spouse</option><option value='Owner Partner'>Partner</option></select></td><td><input type='image' src='images/remove.gif' onClick=\"removevehicle('"+vehicledata+"','"+newdivvehicle.id+"');\"></td></tr></table>";
          document.getElementById(vehicledata).appendChild(newdivvehicle);
		  }
}

// Remove a vehicle

function removevehicle(vehicledata,newdivvehicle) {
          var childv = document.getElementById(newdivvehicle);
          var parentv = document.getElementById(vehicledata);
          parentv.removeChild(childv);
		  counterv--;

}

// Add a person

var counterp = 1;
var limitp = 10;
function addperson(persondata) {
	 if (counterp == limitp)  {
          alert("You have reached the limit of " + counterp + " Drivers, call us if you want to insure more.");
     }
     else {
		 counterp++;
          var newdivperson = document.createElement('div');
		  newdivperson.setAttribute('id','newdivp'+counterp);
  		  newdivperson.innerHTML = "<br><table align='center' width='400' cellpadding='0' cellspacing='5' border='0'><tr><td>Name</td><td>Age</td><td>Position</td><td>UK Resident</td><td>Licence Type</td><td>Licence held for</td><td></td></tr><tr><td><input type='text' name=\"myInputs[]\"></td><td><input type='text' name=\"myInputs[]\" size='2'></td><td><input type='text' size='10' name=\"myInputs[]\"></td><td><select name=\"myInputs[]\"><option value='UK resident from birth'>UK resident from birth</option><option value='UK resident non UK citizen'>UK resident - non UK Citizen</option><option value='EU National'>EU National</option><option value='Other Nationality'>Other</option></select></td><td><select name=\"myInputs[]\"><option value='Full UK licence'>Full UK</option><option value='Full EU licence'>Full EU</option><option value='Provisional licence'>Provisional</option><option value='Other licence'>Other</option></select></td><td><select name=\"myInputs[]\"><option value='licence to 1yr'>Up to 1yr</option><option value='licence 1 to 5yrs'>1 - 5yrs</option><option value='licence 6 to 10yrs'>6 - 10yrs</option><option value='licence 11yrs or more'>11+yrs</option></select></td><td><input type='image' src='images/remove.gif' onClick=\"removeperson('"+persondata+"','"+newdivperson.id+"');\"></td></tr></table>";
		  document.getElementById(persondata).appendChild(newdivperson);
		  } 
}

// Remove a person

function removeperson(persondata,newdivperson) {
          var childp = document.getElementById(newdivperson);
          var parentp = document.getElementById(persondata);
		  parentp.removeChild(childp);
		  counterp--;
}