// JavaScript Document

function validateForm(form)
{
	var check=0;
	
	//FIRST NAME
	if (form.first_name.value=="" || form.first_name.value == null){
		document.getElementById('first_name').className='textfield-error';
	}else{
		document.getElementById('first_name').className='textfield';
		check=check+1;
	}
	
	//LAST NAME
	if (form.last_name.value=="" || form.last_name.value == null){
		document.getElementById('last_name').className='textfield-error';
	}else{
		document.getElementById('last_name').className='textfield';
		check=check+1;
	}
	
	//EMAIL
	if (validate_email(form.email)==false || form.email.value == "" ){
		document.getElementById('email').className='textfield-error';
	} else {
		document.getElementById('email').className='textfield';
		check=check+1;
	}
	
	//STREET ADDRESS
	if (form.address.value=="" || form.address.value == null){
		document.getElementById('address').className='textfield-error';
	}else{
		document.getElementById('address').className='textfield';
		check=check+1;
	}
	
	//ZIP CODE
	if (form.zip.value.length!=5){
		document.getElementById('zip').className='textfield-error';
	} else {
		document.getElementById('zip').className='textfield';
		check=check+1;
	}
	
	//MARKETING CODE
		if (form.marketing_code.value == "" || form.marketing_code.value == "Enter your 4 digit marketing code" || form.marketing_code.value == "Ente" || form.marketing_code.value == null){
			form.marketing_code.value = "5555";	
		}
	
	//PHONE NUMBER
	if (form.phone.value=="" || form.phone.value == null){
		document.getElementById('phone').className='textfield-error';
	} else if (form.phone.value.length==10) {
		phonestr = form.phone.value;
		phonestr = phonestr.replace(/-/g,'');
		phonestr = phonestr.replace('(','');
		phonestr = phonestr.replace(')','');
		phonestr = phonestr.replace(/ /g,'');
		//phonestr = "("+phonestr.substring(0,3)+") "+phonestr.substring(3,6)+"-"+phonestr.substring(6,10);
		form.phone.value = phonestr;
		document.getElementById('phone').className='textfield';
		check=check+1;
	} else {
		document.getElementById('phone').className='textfield-error';
	}
	//if (form.phone.value.length!=10){
//		document.getElementById('phone').className='textfield-error';
//	} else {
//		document.getElementById('phone').className='textfield';
//		check=check+1;
//	}
	
	
	
	//UTILITY COMPANY
	if (form.utility_company.value==0){
		document.getElementById('utility_company').className='selector-error';
	}else{
		document.getElementById('utility_company').className='selector';
		check=check+1;
	}
	
	//UTILITY ACCOUNT NUMBER
	if (form.utility_account_number.value.length!=13 && form.utility_account_number.value.length!=11 && form.utility_account_number.value.length!=9){
		document.getElementById('utility_account_number').className='textfield-error';
		document.getElementById('verify_account').className='textfield-error';
	}else if(form.utility_account_number.value != form.verify_account.value){
		document.getElementById('utility_account_number').className='textfield-error';
		document.getElementById('verify_account').className='textfield-error';
	}else{
		document.getElementById('utility_account_number').className='textfield';
		document.getElementById('verify_account').className='textfield';
		check=check+1;
	}
	
	//NAME KEY
	if (form.name_key.value=="" || form.name_key.value == null){
		document.getElementById('name_key').className='textfield-error';
	}else{
		document.getElementById('name_key').className='textfield';
		
	}
	
	if (form.name_key2.value!=form.name_key.value){
		document.getElementById('name_key2').className='textfield-error';
	}else{
		document.getElementById('name_key2').className='textfield';
		check=check+1;
	}
	
	//E SIGNATURE
	if (form.signature.value=="" || form.signature.value == null || form.signature.value=="Type your full name"){
		document.getElementById('signature').className='textfield-error';
	}else{
		document.getElementById('signature').className='textfield';
		check=check+1;
	}
	
	if(check==10 && form.agree_terms.checked==true){
		form.submit();
	}else if(check==10 && form.agree_terms.checked==false){
		alert('you must agree to the terms and conditions to continue');
	}else{
		document.getElementById('errors').style.display='block';
	}
	
}

function validate_email(field){
	with (field){
		apos=value.indexOf("@");
		dotpos=value.lastIndexOf(".");
		if (apos<1||dotpos-apos<2){
			return false;
		}else{
			return true;
		}
	}
}

function powerBill(element){
	if(element.value == 1){
		document.getElementById("CLP").style.display="block";
		document.getElementById("UI").style.display="none";
		document.getElementById("UAC").innerHTML="* Utility Account Number:";
	}else if(element.value == 2){
		document.getElementById("UI").style.display="block";
		document.getElementById("CLP").style.display="none";
		document.getElementById("UAC").innerHTML="* Utility Customer POD ID:";
	}else{
		document.getElementById("CLP").style.display="none";
		document.getElementById("UI").style.display="none";
		document.getElementById("UAC").innerHTML="* Utility Account Number:";
	}
}

function hideBill(divID){
	document.getElementById(divID).style.display='none';
}

function addAnother(){ 
	var div = document.getElementById('friends'); 
	var inputs = document.getElementById('friends').getElementsByTagName("input"); 
	for (var i = 0; i < inputs.length; i++) { 
		inputs[i].setAttribute('value',document.getElementById('friend'+i).value);
	}
	
	div.innerHTML = div.innerHTML + '<input type="text" onfocus="this.className=\'textfield\',this.value=\'\'" class="textfield-off" name="friendNametemp" id="friend'+i+'" value="Your Friend\'s Name" /><input type="text" onfocus="this.className=\'textfield\',this.value=\'\'" class="textfield-off" name="friendEmailtemp" id="friend'+(i+1)+'" value="Your Friend\'s Email" />'; 
	div.innerHTML = div.innerHTML.replace('friendNametemp','friendName[]');
	div.innerHTML = div.innerHTML.replace('friendEmailtemp','friendEmail[]');
}

function addAnotherOil(){ 
	
	var div = document.getElementById('friends'); 
	var inputs = document.getElementById('friends').getElementsByTagName("input"); 
	for (var i = 0; i < inputs.length; i++) { 
		inputs[i].setAttribute('value',document.getElementById('friend'+i).value);
	}
	
	div.innerHTML = div.innerHTML + '<input type="text" onfocus="this.className=\'textfield\',this.value=\'\'" class="textfield-off" name="friendNametemp" id="friend'+i+'" value="Your Friend\'s Name" /><input type="text" onfocus="this.className=\'textfield\',this.value=\'\'" class="textfield-off" name="friendTowntemp" id="friend'+(i+1)+'" value="Your Friend\'s Town" /><input type="text" onfocus="this.className=\'textfield\',this.value=\'\'" class="textfield-off" name="friendEmailtemp" id="friend'+(i+2)+'" value="Your Friend\'s Email" /><input type="text" onfocus="this.className=\'textfield\',this.value=\'\'" class="textfield-off" name="friendPhonetemp" id="friend'+(i+3)+'" value="Your Friend\'s Phone Number" />'; 
	div.innerHTML = div.innerHTML.replace('friendNametemp','friendName[]');
	div.innerHTML = div.innerHTML.replace('friendTowntemp','friendTown[]');
	div.innerHTML = div.innerHTML.replace('friendEmailtemp','friendEmail[]');
	div.innerHTML = div.innerHTML.replace('friendPhonetemp','friendPhone[]');
}

function popup(url,args){
	window.open(url,'newwindow',args);
}