/*var scheme1 = new Array ('1', 'London Landlord Accredition Scheme');
var scheme2 = new Array ('2', 'Other');
var scheme3 = new Array ('3', 'No');		
var scheme = new Array (scheme1, scheme2, scheme3);	

var association1 = new Array ('1', 'National Landlord Association');
var association2 = new Array ('2', 'Residential Landlords Association');
var association3 = new Array ('3', 'National Federation of Residential Landlords');
var association4 = new Array ('4', 'Other');
var association5 = new Array ('5', 'No');		
var association = new Array (association1, association2, association3, association4, association5);
*/

/* Create click event listener for both edit and save button 
 * This function is loaded during page load.
 */

function init(path) {
	//call function edit_in_place when user click on teh edit button
	Event.observe("edit", "click", function(e){ edit_in_place(path) });
	//call function save when user clicks on the save button
	Event.observe("save", "click", function(e){ check(path) });
	Event.observe("cancel", "click", function(e){ cancel(path) });
}

/* 
 * This function makes the text editable
*/
function edit_in_place(path) {

	//show the save button
	$("save_settings").style.display = "block";

	//hide the edit button
	$("edit_settings").style.display = "none";

	//replace the user info with textboxs

	// FIRST NAME
	var input_user_fn = '<input type="text" name="input_user_fn" id="input_user_fn"';
	input_user_fn += 'size="30" value="'+$('user_fn').innerHTML+'" onClick=setBorderEditUsers("input_user_fn")>';
	$("user_fn").innerHTML = input_user_fn;
	$("desc_user_fn").innerHTML = 'First name<br>';

	// LAST NAME
	var input_user_ln = '<input type="text" name="input_user_ln" id="input_user_ln"';
	input_user_ln += 'size="30" value="'+$('user_ln').innerHTML+'" onClick=setBorderEditUsers("input_user_ln")>';
	$("user_ln").innerHTML = input_user_ln;
	$("desc_user_ln").innerHTML = 'Surname<br>';

	// EMAIL
	//var input_user_email = '<input type="text" name="input_user_email" id="input_user_email"';
	//input_user_email += 'size="30" value="'+$('user_email').innerHTML+'" onClick=setBorderEditUsers("input_user_email")>';
	//$("user_email").innerHTML = input_user_email;
	//$("desc_user_email").innerHTML = 'Email<br>';

	// AGENT'S EMAIL
	var input_user_agent_email = '<input type="text" name="input_user_agent_email" id="input_user_agent_email"';
	input_user_agent_email += 'size="30" value="'+$('user_agent_email').innerHTML+'" onClick=setBorderEditUsers("input_user_agent_email")>';
	$("user_agent_email").innerHTML = input_user_agent_email;
	$("desc_user_agent_email").innerHTML = "Agent's email<br>";
	
	// POSTCODE
	var input_user_postcode = '<input type="text" name="input_user_postcode" id="input_user_postcode"';
	input_user_postcode += 'size="30" value="'+$('user_postcode').innerHTML+'" onClick=setBorderEditUsers("input_user_postcode")>';
	$("user_postcode").innerHTML = input_user_postcode;
	$("desc_user_postcode").innerHTML = 'Postcode<br>';

	// LANDLINE
	var input_user_landline = '<input type="text" name="input_user_landline" id="input_user_landline"';
	input_user_landline += 'size="30" value="'+$('user_landline').innerHTML+'" onClick=setBorderEditUsers("input_user_landline")>';
	$("user_landline").innerHTML = input_user_landline;
	$("desc_user_landline").innerHTML = 'Landline<br>';

	// MOBILE
	var input_user_mobile = '<input type="text" name="input_user_mobile" id="input_user_mobile"';
	input_user_mobile += 'size="30" value="'+$('user_mobile').innerHTML+'" onClick=setBorderEditUsers("input_user_mobile")>';
	$("user_mobile").innerHTML = input_user_mobile;
	$("desc_user_mobile").innerHTML = 'Mobile<br>';

	//replace the user ADDRESS with textboxs
	var input_user_address = '<textarea cols="47" rows="5" name="input_user_address" id="input_user_address" onClick=setBorderEditUsers("input_user_address")>';
	input_user_address += $('user_address').innerHTML+'</textarea>';
	$("user_address").innerHTML = input_user_address;
	$("desc_user_address").innerHTML = 'Address<br>';
/*
	//replace the user ACCREDITATION SCHEME with dropdown menu
	var input_user_accred = '<select id="input_user_accred" name="input_user_accred" class="scheme">';
	var my_scheme = $('scheme_id').value;
	for (var i = 0; i < scheme.length; i++) {
		input_user_accred += '<option value="' + scheme[i][0] + '"';
			if(scheme[i][0] == my_scheme) {
				input_user_accred += ' selected="selected"';
			}
		input_user_accred += '>' + scheme[i][1] + '</option>';
	}
	input_user_accred += '</select>';
	$("user_scheme").innerHTML = input_user_accred;
	$("desc_user_scheme").innerHTML = 'Member of Accreditation Scheme';

		

	//replace the user LANDLORD SCHEME with dropdown menu
	var input_user_assoc = '<select id="input_user_assoc" name="input_user_assoc" class="scheme">';
	var my_assoc = $('association_id').value;
	for (var i = 0; i < association.length; i++) {
		input_user_assoc += '<option value="' + association[i][0] + '"';
		if(association[i][0] == my_assoc) {
			input_user_assoc += ' selected="selected"';
		}
		input_user_assoc += '>' + association[i][1] + '</option>';
	}
	input_user_assoc += '</select>';
	$("user_assoc").innerHTML = input_user_assoc;
	$("desc_user_assoc").innerHTML = 'Member of Landlord Scheme';
		

	//replace the user PROPERTIES NUMBER with dropdown menu
	//var input_user_num = '<select id="input_user_num" name="input_user_num">';
	//var my_num = $('num_id').value;
	//for (var i = 1; i <= 100; i++) {
	//	input_user_num += '<option value="' + i + '"';
	//	if(i == my_num) {
	//		input_user_num += ' selected="selected"';
	//	}
	//	input_user_num += '>' + i + '</option>';
	//}
	//input_user_num += '</select>';
	//$("user_num").innerHTML = input_user_num;
	//$("desc_user_num").innerHTML = 'Number of Properties';
	

	//replace the landlord YEARS with dropdown menu
	var input_user_year = '<select id="input_user_year" name="input_user_year">';
	var my_year = $('years_id').value;
	for (var i = 1; i <= 50; i++) {
		input_user_year += '<option value="' + i + '"';
		if(i == my_year) {
			input_user_year += ' selected="selected"';
		}
		input_user_year += '>' + i + '</option>';
	}
	input_user_year += '</select>';
	$("user_years").innerHTML = input_user_year;
	var my_type = $('user_type').value;

	if (my_type == 1)
		var years_text = 'Years as landlord';
	else 
		var years_text = 'Years rented';

	$("desc_user_years").innerHTML = years_text;
*/
}

	

/*
 * This function will check the entering data
*/
function check (path) {

	var err = true;
	var er_border = '5e0000';
	var er_bg = 'ffd0d0';

	if (drop_spaces(trim($F("input_user_fn"))) == '') {
		document.getElementById("input_user_fn").style.border = "1px solid #" + er_border;
		document.getElementById("input_user_fn").style.backgroundColor = "#" + er_bg;
		document.getElementById("desc_user_fn").innerHTML = "Please fill your first name";
		document.getElementById("input_user_fn").value = "";
		err = false;
	}

	if (drop_spaces(trim($F("input_user_ln"))) == '') {
		document.getElementById("input_user_ln").style.border = "1px solid #" + er_border;
		document.getElementById("input_user_ln").style.backgroundColor = "#" + er_bg;
		document.getElementById("desc_user_ln").innerHTML = "Please fill your surname";
		document.getElementById("input_user_ln").value = "";
		err = false;
	}

	if (drop_spaces(trim($F("input_user_postcode"))) == '') {
		document.getElementById("input_user_postcode").style.border = "1px solid #" + er_border;
		document.getElementById("input_user_postcode").style.backgroundColor = "#" + er_bg;
		document.getElementById("desc_user_postcode").innerHTML = "Please fill postcode";
		document.getElementById("input_user_postcode").value = "";
		err = false;
	}

	if (drop_spaces(trim($F("input_user_landline"))) == '') {
		document.getElementById("input_user_landline").style.border = "1px solid #" + er_border;
		document.getElementById("input_user_landline").style.backgroundColor = "#" + er_bg;
		document.getElementById("desc_user_landline").innerHTML = "Please fill landline";
		document.getElementById("input_user_landline").value = "";
		err = false;
	}

	if (drop_spaces(trim($F("input_user_mobile"))) == '') {
		document.getElementById("input_user_mobile").style.border = "1px solid #" + er_border;
		document.getElementById("input_user_mobile").style.backgroundColor = "#" + er_bg;
		document.getElementById("desc_user_mobile").innerHTML = "Please fill mobile";
		document.getElementById("input_user_mobile").value = "";
		err = false;
	}

	if (drop_spaces(trim($F("input_user_address"))) == '') {
		document.getElementById("input_user_address").style.border = "1px solid #" + er_border;
		document.getElementById("input_user_address").style.backgroundColor = "#" + er_bg;
		document.getElementById("desc_user_address").innerHTML = "Please fill address";
		document.getElementById("input_user_address").value = "";
		err = false;
	}

	//if (!check_email($F("input_user_email"))) {
	//	document.getElementById("input_user_email").style.border = "1px solid #" + er_border;
	//	document.getElementById("input_user_email").style.backgroundColor = "#" + er_bg;
	//	document.getElementById("desc_user_email").innerHTML = "Wrong email address";
	//	err = false;
	//
	//	if (drop_spaces(trim($F("input_user_email"))) == '') {	
	//		document.getElementById("input_user_email").value = "";
	//	}
	//}
	if (document.getElementById("edit_user_type").value == '1') {
		if (document.getElementById("input_user_agent_email").value != '') {
			if (!check_email($F("input_user_agent_email"))) {
				document.getElementById("input_user_agent_email").style.border = "1px solid #" + er_border;
				document.getElementById("input_user_agent_email").style.backgroundColor = "#" + er_bg;
				document.getElementById("desc_user_agent_email").innerHTML = "Wrong agent's email address";
				err = false;
			
				if (drop_spaces(trim($F("input_user_agent_email"))) == '') {	
					document.getElementById("input_user_agent_email").value = "";
				}
			}	
		}
	}
	if (err)
		save(path);	 
} 

/*
 * This function will post the info changes
 */

function save(path) {		
	var show_path = '';	
	if (path == '1')
		show_path = '../';
	new Ajax.Request(show_path + "inc/edit_user.php", 
					{
						method: "post",
						postBody: "user_fn="+$F("input_user_fn")+
								  "&user_ln="+$F("input_user_ln")+
								  "&user_agent_email="+$F("input_user_agent_email")+
								  "&user_postcode="+$F("input_user_postcode")+
								  "&user_landline="+$F("input_user_landline")+
								  "&user_mobile="+$F("input_user_mobile")+
								/*"&user_scheme="+$F("input_user_accred")+
								  "&user_assoc="+$F("input_user_assoc")+*/
								  "&user_address="+$F("input_user_address")+
								/*"&user_years="+$F("input_user_year")+*/
								  "&save="+$F("save"),
						onComplete: show 
					}
					);
}

/*
 * show the new changes made when clicked save
 */

function show(res) {

/*
	if ($("input_user_year").value > 1)
		var my_y = ' years';
	else
		var my_y = ' year';

	if ($("user_type").value == 1)
		var my_type_text = ' as lendlord';
	else
		var my_type_text = ' rented';	
	if ($("input_user_num").value > 1)
		var my_p = ' Properties';
	else
		var my_p = ' Property';
	var accred = $("input_user_accred").value - 1;
	var assoc = $("input_user_assoc").value - 1;		
*/
	//var new_accred = document.getElementById("scheme_id");
	//var new_assoc = document.getElementById("association_id");
	//var new_years = document.getElementById("years_id");
	//var new_num = document.getElementById("num_id");
	var new_value_fn = document.getElementById("value_user_fn");
	var new_value_ln = document.getElementById("value_user_ln");
	//var new_value_email = document.getElementById("value_user_email");
	var new_value_agent_email = document.getElementById("value_user_agent_email");
	var new_value_address = document.getElementById("value_user_address");
	var new_value_postcode = document.getElementById("value_user_postcode");
	var new_value_landline = document.getElementById("value_user_landline");
	var new_value_mobile = document.getElementById("value_user_mobile");
	//var new_value_years = document.getElementById("value_user_years");
	//var new_value_num = document.getElementById("value_user_num");
	//var new_value_scheme = document.getElementById("value_user_scheme");
	//var new_value_assoc = document.getElementById("value_user_assoc");
/*
	new_accred.value = $("input_user_accred").value;
	new_assoc.value = $("input_user_assoc").value;
	new_years.value = $("input_user_year").value;
*/
	//new_num.value = $("input_user_num").value;
	new_value_fn.value = $("input_user_fn").value;
	new_value_ln.value = $("input_user_ln").value;
	//new_value_email.value = $("input_user_email").value;
	new_value_agent_email.value = $("input_user_agent_email").value;
	new_value_address.value = $("input_user_address").value;
	new_value_postcode.value = $("input_user_postcode").value;
	new_value_landline.value = $("input_user_landline").value;
	new_value_mobile.value = $("input_user_mobile").value;
	//new_value_years.value = $("input_user_year").value + my_y + my_type_text;
	//new_value_num.value = $("input_user_num").value + my_p;
	//new_value_scheme.value = scheme[accred][1];
	//new_value_assoc.value = association[assoc][1];
		

	$("user_fn").innerHTML = $("input_user_fn").value;
	$("user_ln").innerHTML = $("input_user_ln").value;
	//$("user_email").innerHTML = $("input_user_email").value;
	$("user_agent_email").innerHTML = $("input_user_agent_email").value;
	$("user_postcode").innerHTML = $("input_user_postcode").value;
	$("user_landline").innerHTML = $("input_user_landline").value;
	$("user_mobile").innerHTML = $("input_user_mobile").value;
	//$("user_scheme").innerHTML = scheme[accred][1];
	//$("user_assoc").innerHTML = association[assoc][1];
	$("user_address").innerHTML = $("input_user_address").value;	
	//$("user_years").innerHTML = $("input_user_year").value + my_y + my_type_text;
	//$("user_num").innerHTML = $("input_user_num").value + my_p;

	// clear descriptions texts
	$("desc_user_fn").innerHTML = '';
	$("desc_user_ln").innerHTML = '';
	//$("desc_user_email").innerHTML = '';
	$("desc_user_agent_email").innerHTML = '';
	$("desc_user_address").innerHTML = '';
	$("desc_user_postcode").innerHTML = '';
	$("desc_user_landline").innerHTML = '';
	$("desc_user_mobile").innerHTML = '';
	//$("desc_user_scheme").innerHTML = '';
	//$("desc_user_assoc").innerHTML = '';
	//$("desc_user_years").innerHTML = '';
	//$("desc_user_num").innerHTML = '';
	

	// change buttons
	$("save_settings").style.display = "none";
	$("edit_settings").style.display = "block";
}


/*
* reset changes. Populate divs with the orignal saved data
 */

function cancel(path) {

	var new_value_fn = document.getElementById("value_user_fn").value;
	var new_value_ln = document.getElementById("value_user_ln").value;
	//var new_value_email = document.getElementById("value_user_email").value;
	var new_value_agent_email = document.getElementById("value_user_agent_email").value;
	var new_value_address = document.getElementById("value_user_address").value;
	var new_value_postcode = document.getElementById("value_user_postcode").value;
	var new_value_landline = document.getElementById("value_user_landline").value;
	var new_value_mobile = document.getElementById("value_user_mobile").value;
	//var new_value_scheme = document.getElementById("value_user_scheme").value;
	//var new_value_assoc = document.getElementById("value_user_assoc").value;
	//var new_value_years = document.getElementById("value_user_years").value;
	//var new_value_num = document.getElementById("value_user_num").value;

	$("user_fn").innerHTML = new_value_fn;
	$("user_ln").innerHTML = new_value_ln;
	//$("user_email").innerHTML = new_value_email;
	$("user_agent_email").innerHTML = new_value_agent_email;
	$("user_address").innerHTML = new_value_address;
	$("user_postcode").innerHTML = new_value_postcode;
	$("user_landline").innerHTML = new_value_landline;
	$("user_mobile").innerHTML = new_value_mobile;
	//$("user_scheme").innerHTML = new_value_scheme;
	//$("user_assoc").innerHTML = new_value_assoc;
	//$("user_years").innerHTML = new_value_years;
	//$("user_num").innerHTML = new_value_num;

	// clear descriptions texts
	$("desc_user_fn").innerHTML = '';
	$("desc_user_ln").innerHTML = '';
	//$("desc_user_email").innerHTML = '';
	$("desc_user_agent_email").innerHTML = '';
	$("desc_user_address").innerHTML = '';
	$("desc_user_postcode").innerHTML = '';
	$("desc_user_landline").innerHTML = '';
	$("desc_user_mobile").innerHTML = '';
	//$("desc_user_scheme").innerHTML = '';
	//$("desc_user_assoc").innerHTML = '';
	//$("desc_user_years").innerHTML = '';
	//$("desc_user_num").innerHTML = '';

	// change buttons
	$("save_settings").style.display = "none";
	$("edit_settings").style.display = "block";
}

/*
 *  clear field styles for wrong input after click on it
 */	


function setBorderEditUsers (id) {
	document.getElementById(id).style.border = "1px solid White";
	document.getElementById(id).style.backgroundColor = "White";

}