// JavaScript Document

current_deal_type = "";

// SUB FORMS

subber1 = "";
subber1 += '<div class="sub">';
subber1 += '<div class="sub_row"><label>Actual Rent *</label><input type="text" name="actualrent" id="actualrent" onKeyUp="unred(this);" style="width:100px;"><span style="font-size:12px; float:left; padding:0 3px 0 15px; font-weight:bold">Units</span><select name="actualunits" class="unitsdrop"><option value="PA" selected>PA</option><option value="per sq ft">per sq ft</option><option value="per sq m">per sq m</option><option value="per acre">per acre</option></select></div>';
subber1 += '<div class="sub_row"><label>Asking Rent *</label><input type="text" name="askingrent" id="askingrent" onKeyUp="unred(this);" style="width:100px;"><span style="font-size:12px; float:left; padding:0 3px 0 15px; font-weight:bold">Units</span><select name="askingunits" class="unitsdrop"><option value="PA" selected>PA</option><option value="per sq ft">per sq ft</option><option value="per sq m">per sq m</option><option value="per acre">per acre</option></select></div>';
subber1 += '<div class="sub_row"><label>Size</label><input type="text" name="size" id="size" onKeyUp="unred(this);" style="width:100px;"><span style="font-size:12px; float:left; padding:0 3px 0 15px; font-weight:bold">Units</span><select name="sizeunits" class="unitsdrop"><option value="sq ft" selected>sq ft</option><option value="sq m">sq m</option><option value="acres">acres</option><option value="hectares">hectares</option><option value="seats">seats</option><option value="beds">beds</option><option value="rooms">rooms</option><option value="units">units</option><option value="spaces">spaces</option></select></div>';
subber1 += '<div class="sub_row"><label>Lessee</label><input type="text" name="lessee"></div>';
subber1 += '<div class="sub_row"><label>Lessor</label><input type="text" name="lessor"></div>';
subber1 += '<div class="sub_row"><label>Disposing Agent/s</label><input type="text" name="disposingagent"></div>';
subber1 += '<div class="sub_row"><label>Acquiring Agent/s</label><input type="text" name="acquiringagent"></div>';
subber1 += '<div class="sub_row"><label>Lease length (years)</label><input type="text" name="leaselength"></div>';
subber1 += '<div class="sub_row"><label>Lease expiry</label><input type="text" name="leaseexpiry"></div>';
subber1 += '<div class="sub_row"><label>Lease breaks</label><input type="text" name="leasebreaks"></div>';
subber1 += '<div class="sub_row"><label>Rent Reviews Interval (yearly)</label><input type="text" name="rentreviewsinterval"></div>';
subber1 += '<div class="sub_row"><label>Rent free period (months)</label><input type="text" name="rentfreeperiod"></div>';
subber1 += '<div class="sub_row"><label>Incentives</label><input type="text" name="incentives"></div>';
subber1 += '<div class="sub_row"><label>Joint Agents</label><input type="text" name="jointagents"></div>';
subber1 += '<div class="sub_row"><label>Other Players</label><input type="text" name="otherplayers"></div>';
subber1 += '<div class="sub_row"><label>Notes</label><input type="textarea" name="notes" style="height:60px;"></div>';
subber1 += '</div>';


subber2 = "";
subber2 += '<div class="sub">';
subber2 += '<div class="sub_row"><label>Actual Price *</label><input type="text" name="actualprice" id="actualprice" onKeyUp="unred(this);" style="width:70px;"> <span style="font-size:12px; float:left; padding:0 3px 0 3px;">and/or <strong>Asking Price *</strong></span> <input type="text" name="askingprice" id="askingprice" onKeyUp="unred(this);" style="width:70px;"></div>';
subber2 += '<div class="sub_row"><label>Size</label><input type="text" name="size" id="size" onKeyUp="unred(this);" style="width:100px;"><span style="font-size:12px; float:left; padding:0 3px 0 15px; font-weight:bold">Units</span><select name="sizeunits" class="unitsdrop"><option value="sq ft" selected>sq ft</option><option value="sq m">sq m</option><option value="acres">acres</option><option value="hectares">hectares</option><option value="seats">seats</option><option value="beds">beds</option><option value="rooms">rooms</option><option value="units">units</option><option value="spaces">spaces</option></select></div>';
subber2 += '<div class="sub_row"><label>Purchaser/s</label><input type="text" name="purchaser"></div>';
subber2 += '<div class="sub_row"><label>Vendor/s</label><input type="text" name="vendor"></div>';
subber2 += '<div class="sub_row"><label>Disposing Agent/s</label><input type="text" name="disposingagent"></div>';
subber2 += '<div class="sub_row"><label>Acquiring Agent/s</label><input type="text" name="acquiringagent"></div>';
subber2 += '<div class="sub_row"><label>Joint Agents</label><input type="text" name="jointagents"></div>';
subber2 += '<div class="sub_row"><label>Other Players</label><input type="text" name="otherplayers"></div>';
subber2 += '<div class="sub_row"><label>Notes</label><input type="textarea" name="notes" style="height:60px;"></div>';
subber2 += '</div>';


subber3 = "";
subber3 += '<div class="sub">';
subber3 += '<div class="sub_row"><label>Actual Price *</label><input type="text" name="actualprice" id="actualprice" onKeyUp="unred(this);" style="width:70px;"> <span style="font-size:12px; float:left; padding:0 3px 0 3px;">and/or <strong>Asking Price *</strong></span> <input type="text" name="askingprice" id="askingprice" onKeyUp="unred(this);" style="width:70px;"></div>';
subber3 += '<div class="sub_row"><label>Size</label><input type="text" name="size" id="size" onKeyUp="unred(this);" style="width:100px;"><span style="font-size:12px; float:left; padding:0 3px 0 15px; font-weight:bold">Units</span><select name="sizeunits" class="unitsdrop"><option value="sq ft">sq ft</option><option value="sq m">sq m</option><option value="acres">acres</option><option value="hectares">hectares</option><option value="seats">seats</option><option value="beds">beds</option><option value="rooms">rooms</option><option value="units">units</option><option value="spaces">spaces</option></select></div>';
subber3 += '<div class="sub_row"><label>Purchaser/s</label><input type="text" name="purchaser"></div>';
subber3 += '<div class="sub_row"><label>Vendor/s</label><input type="text" name="vendor"></div>';
subber3 += '<div class="sub_row"><label>Disposing Agent/s</label><input type="text" name="disposingagent"></div>';
subber3 += '<div class="sub_row"><label>Acquiring Agent/s</label><input type="text" name="acquiringagent"></div>';
subber3 += '<div class="sub_row"><label>Yield</label><input type="text" name="yield"></div>';
subber3 += '<div class="sub_row"><label>Tenant/s</label><input type="text" name="tenant"></div>';
subber3 += '<div class="sub_row"><label>Rent PA</label><input type="text" name="rentpa"></div>';
subber3 += '<div class="sub_row"><label>Lease Start</label><input type="text" name="leasestart"></div>';
subber3 += '<div class="sub_row"><label>Lease Expiry</label><input type="text" name="leaseexpiry"></div>';
subber3 += '<div class="sub_row"><label>Lease Breaks</label><input type="text" name="leasebreaks"></div>';
subber3 += '<div class="sub_row"><label>Rent Reviews</label><input type="text" name="rentreviews"></div>';
subber3 += '<div class="sub_row"><label>Joint Agents</label><input type="text" name="jointagents"></div>';
subber3 += '<div class="sub_row"><label>Notes</label><input type="textarea" name="notes" style="height:60px;"></div>';
subber3 += '</div>';


function subit(which) {

	if(current_deal_type != "") { 
		if(confirm("If you change the deal type you will loose any data entered under currently selected deal type. Continue?")){
			document.getElementById(current_deal_type+'_sub').innerHTML = '';
			attachsub(which);
		} else {
		 document.getElementById('cl'+current_deal_type).checked = true;	
		 return false;
		 }
	} else {
		attachsub(which);
		document.getElementById('typealert').innerHTML = '';
	}
	
}

function attachsub(which) {
		current_deal_type = which;
		if(which == 'Lease' || which == 'Assignment' || which == 'Sub-Letting' || which == 'Licence' || which == 'Pre-let' ){ 
		document.getElementById(which+'_sub').innerHTML = subber1;
		} else if(which == 'Sale'){ 
		document.getElementById(which+'_sub').innerHTML = subber2;
		} else if(which == 'InvestmentSale' || which == 'Sale-and-leaseback'){ 
		document.getElementById(which+'_sub').innerHTML = subber3;
		}
}

function unred(field) {
if(field.value != "") { field.style.backgroundColor = '#FFFFFF'; } 
}
function unalert(field) {
if(field.checked == true) { document.getElementById('proptypealert').innerHTML = ''; }
}

function ifother(field) {
if(field.checked == true) { document.getElementById('other').style.visibility = 'visible';  document.getElementById('proptypealert').innerHTML = '';  }
else { document.getElementById('other').style.visibility = 'hidden'; document.getElementById('other').value = ''; }
}

function validate(theForm) {

var elist = '';


if(theForm.street.value == "") { elist = 1; document.getElementById('street').style.backgroundColor = '#FF6633' } 
if(theForm.town.value == "") { elist = 1; document.getElementById('town').style.backgroundColor = '#FF6633' } 

var typealert = 0;
for(i=0;i<8;i++){ if(theForm.dealtype[i].checked){ typealert = 1; selrad = i }}
if(typealert == 0) { elist = 1; document.getElementById('typealert').innerHTML = 'Please select a deal type!<br /><br />'; 
} else { document.getElementById('typealert').innerHTML = ''; }

if(typealert) {
	selradio = theForm.dealtype[selrad].value;
	if(selradio == 'Lease' || selradio == 'Assignment' || selradio == 'Sub-Letting' || selradio == 'Licence' || selradio == 'Pre-let' ){
		if(theForm.actualrent.value == "" && theForm.askingrent.value == "") { 
			elist = 1; document.getElementById('actualrent').style.backgroundColor = '#FF6633';
			elist = 1; document.getElementById('askingrent').style.backgroundColor = '#FF6633';
		} else {
			document.getElementById('actualrent').style.backgroundColor = '#FFFFFF';
			document.getElementById('askingrent').style.backgroundColor = '#FFFFFF';	
		}
		
	}else if(selradio == 'Sale' || selradio == 'InvestmentSale' || selradio == 'Sale-and-leaseback'){
		if(theForm.actualprice.value == "" && theForm.askingprice.value == "") { 
			elist = 1; document.getElementById('actualprice').style.backgroundColor = '#FF6633';
			elist = 1; document.getElementById('askingprice').style.backgroundColor = '#FF6633';
		} else {
			document.getElementById('actualprice').style.backgroundColor = '#FFFFFF';
			document.getElementById('askingprice').style.backgroundColor = '#FFFFFF';	
		}
		
	}
}	
var propertytypeselected = 0;

for (i=0;i<theForm.length;i++){
	if( theForm.elements[i].name == 'propertytype[]' ){
		if ( theForm.elements[i].checked == true ) { propertytypeselected = 1; 	}
	}
}
if(propertytypeselected == 0) { elist = 1; document.getElementById('proptypealert').innerHTML = 'Please select at least one property type!<br /><br />'; } else { document.getElementById('proptypealert').innerHTML = ''; }

if(document.getElementById('other').style.visibility == 'visible' && document.getElementById('other').value == "") { elist = 1; document.getElementById('other').style.backgroundColor = '#FF6633' }

if(theForm.dealdate.value == "") { elist = 1; document.getElementById('dealdate').style.backgroundColor = '#FF6633' } 
if(theForm.firstname.value == "") { elist = 1; document.getElementById('firstname').style.backgroundColor = '#FF6633' } 
if(theForm.surname.value == "") { elist = 1; document.getElementById('surname').style.backgroundColor = '#FF6633' } 
if(theForm.company.value == "") { elist = 1; document.getElementById('company').style.backgroundColor = '#FF6633' } 
if(theForm.companylocation.value == "") { elist = 1; document.getElementById('companylocation').style.backgroundColor = '#FF6633' } 
if(theForm.email.value == "") { elist = 1; document.getElementById('email').style.backgroundColor = '#FF6633' } 
if(theForm.telephone.value == "") { elist = 1; document.getElementById('telephone').style.backgroundColor = '#FF6633' } 



var wegood = false;
  name1 = theForm.att_image.value;
  name1 = name1.toLowerCase();
  if (name1=="") {
	wegood = true;
//  } else if (name1.lastIndexOf(".gif")<0 && name1.lastIndexOf(".jpg")<0) {
  } else if (name1.lastIndexOf(".jpg")<0) {	  
    wegood = false;
  } else { wegood = true; }
  
if (wegood == false) { 
elist = 1;
document.getElementById('att_image').value = '';
document.getElementById('att_image').style.backgroundColor = '#FF6633';
document.getElementById('imagealert').innerHTML = 'Only JPG file format is allowed!'; 
} else { 
document.getElementById('imagealert').innerHTML = ''; 
document.getElementById('att_image').style.backgroundColor = '#FFFFFF';
}


if ( elist != '' ) { 
	  alert('The information marked is vital for deal verificaton purposes, please complete and submit again.')
	  window.scrollTo(0,0);
      return false;
  }

  else {  

  return true;

         }
}