var cbInitialized = false;

function orgNameChanged(comp_id) {
	var value = document.getElementById(comp_id).value;
	if(value == "") {
		top.document.getElementById("orga_name").innerHTML = "Name of organisation";
		top.document.getElementById("orga_name_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory field</b> <br />Please enter a name for your organisation</span>";
	} else {
		top.document.getElementById("orga_name").innerHTML = "Name of organisation:<br />"+value;
		top.document.getElementById("orga_name_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_1.png' alt='o' /><span class='tooltipspan'><b>OK</b></span>";
	}
}

function orgStreetChanged(comp_id) {
	var value = document.getElementById(comp_id).value;
	if(value == "") {
		top.document.getElementById("orga_street").innerHTML = "Street address";
		top.document.getElementById("orga_street_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory field</b> <br />Please enter a street address<span>";
	} else {
		top.document.getElementById("orga_street").innerHTML = value;
		top.document.getElementById("orga_street_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_1.png' alt='o' /><span class='tooltipspan'><b>OK</b></span>";
	}
}

function orgZipChanged(comp_id) {
	var value = document.getElementById(comp_id).value;
	if(value == "") {
		top.document.getElementById("orga_zip").innerHTML = "ZIP";
		top.document.getElementById("orga_zip_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory field</b> <br />Please enter a ZIP-Code</span>";
	} else {
		top.document.getElementById("orga_zip").innerHTML = value;
		top.document.getElementById("orga_zip_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_1.png' alt='o' /><span class='tooltipspan'><b>OK</b></span>";
	}
}

function orgCityChanged(comp_id) {
	var value = document.getElementById(comp_id).value;
	if(value == "") {
		top.document.getElementById("orga_city").innerHTML = "City";
		top.document.getElementById("orga_city_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory field</b> <br />Please enter a city</span>";
	} else {
		top.document.getElementById("orga_city").innerHTML = value;
		top.document.getElementById("orga_city_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_1.png' alt='o' /><span class='tooltipspan'><b>OK</b></span>";
	}
}

function vatNrChanged(comp_id) {
	var value = document.getElementById(comp_id).value;
	if(value == "") {
		top.document.getElementById("orga_VAT").innerHTML = "VAT number";
	} else {
		top.document.getElementById("orga_VAT").innerHTML = "VAT number:<br />"+value;
	}
}

function orgTypeChanged(comp_id) {
	var index = document.getElementById(comp_id).selectedIndex;
	var value = document.getElementById(comp_id).options[index].value;
	if(value == -1) {
		top.document.getElementById("orga_type").innerHTML = "Type of organisation";
		top.document.getElementById("orga_type_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory field</b> <br />Please choose a type for your organisation</span>";
	} else {
		top.document.getElementById("orga_type").innerHTML = "Type of organisation:<br />"+document.getElementById(comp_id).options[index].innerHTML;
		top.document.getElementById("orga_type_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_1.png' alt='o' /><span class='tooltipspan'><b>OK</b></span>";
	}
}

function orgStaffChanged(comp_id) {
	var index = document.getElementById(comp_id).selectedIndex;
	var value = document.getElementById(comp_id).options[index].value;
	if(value == -1) {
		top.document.getElementById("orga_staff").innerHTML = "Staff members";
		top.document.getElementById("orga_staff_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory field</b> <br />Please choose a valid value</span>";
	} else {
		top.document.getElementById("orga_staff").innerHTML = "Staff members:<br />"+document.getElementById(comp_id).options[index].innerHTML;;
		top.document.getElementById("orga_staff_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_1.png' alt='o' /><span class='tooltipspan'><b>OK</b></span>";
	}
}

function orgActRegionChanged(comp_id) {
	var index = document.getElementById(comp_id).selectedIndex;
	var value = document.getElementById(comp_id).options[index].value;
	if(value == -1) {
		top.document.getElementById("orga_activity").innerHTML = "Region of activity";
		top.document.getElementById("orga_activity_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory field</b> <br />Please choose a valid value</span>";
	} else {
		top.document.getElementById("orga_activity").innerHTML = "Region of activity:<br />"+document.getElementById(comp_id).options[index].innerHTML;;
		top.document.getElementById("orga_activity_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_1.png' alt='o' /><span class='tooltipspan'><b>OK</b></span>";
	}
}

function salutationChanged(comp_id) {
	var index = document.getElementById(comp_id).selectedIndex;
	var value = document.getElementById(comp_id).options[index].value;
	if(value == -1) {
		top.document.getElementById("person_salut").innerHTML = "Salutation";
		top.document.getElementById("person_salut_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory field</b> <br />Please choose a valid value</span>";
	} else {
		top.document.getElementById("person_salut").innerHTML = document.getElementById(comp_id).options[index].innerHTML;;
		//top.document.getElementById("person_salut_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_1.png' alt='o' /><span class='tooltipspan'><b>OK</b></span>";
	}
}

function surnameChanged(comp_id) {
	var value = document.getElementById(comp_id).value;
	if(value == "") {
		top.document.getElementById("person_surname").innerHTML = "Surname";
		top.document.getElementById("person_surname_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory field</b> <br />Please enter your surname</span>";
	} else {
		top.document.getElementById("person_surname").innerHTML = value;
		top.document.getElementById("person_surname_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_1.png' alt='o' /><span class='tooltipspan'><b>OK</b></span>";
	}
}

function nameChanged(comp_id) {
	var value = document.getElementById(comp_id).value;
	if(value == "") {
		top.document.getElementById("person_name").innerHTML = "Name";
		top.document.getElementById("person_name_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory field</b> <br />Please enter your name</span>";
	} else {
		top.document.getElementById("person_name").innerHTML = value;
		top.document.getElementById("person_name_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_1.png' alt='o' /><span class='tooltipspan'><b>OK</b></span>";
	}
}

function emailChanged(comp_id) {
	var value = document.getElementById(comp_id).value;
	if(value == "") {
		top.document.getElementById("person_email").innerHTML = "E-Mail address";
		top.document.getElementById("person_email_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory field</b> <br />Please enter your e-mail-address.<br />This address will also be your login ID.</span>";
	} else {
		top.document.getElementById("person_email").innerHTML = "E-Mail address:<br />"+value;
		top.document.getElementById("person_email_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_1.png' alt='o' /><span class='tooltipspan'><b>OK</b></span>";
	}
}

function webAddressChanged(comp_id) {
	var value = document.getElementById(comp_id).value;
	if(value == "") {
		top.document.getElementById("person_web").innerHTML = "Web address";
	} else {
		top.document.getElementById("person_web").innerHTML = "Web address:<br />"+value;
	}
}

function phoneChanged(comp_id) {
	var value = document.getElementById(comp_id).value;
	if(value == "") {
		top.document.getElementById("person_phone").innerHTML = "Phone";
		top.document.getElementById("person_phone_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory field</b> <br />Please enter your phone number</span>";
	} else {
		top.document.getElementById("person_phone").innerHTML = "Phone number:<br />"+value;
		top.document.getElementById("person_phone_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_1.png' alt='o' /><span class='tooltipspan'><b>OK</b></span>";
	}
}

function faxChanged(comp_id) {
	var value = document.getElementById(comp_id).value;
	if(value == "") {
		top.document.getElementById("person_fax").innerHTML = "Fax";
	} else {
		top.document.getElementById("person_fax").innerHTML = "Fax number:<br />"+value;
	}
}

function targetGroupsChanged(comp_id, value) {
	var text = document.getElementById(comp_id + '_text').innerHTML;
	var checkedItemsText = top.document.getElementById("groups_selected_items_list").innerHTML;
	if(value == 1 && document.getElementById(comp_id).checked) {
		checkedItemsText = "Checked Items:<br />";
	} else if(value == 0) {
		checkedItemsText = "";
	}
	if(document.getElementById(comp_id).checked) {
		checkedItemsText += "- " + text + "<br />";
	} else {
		var temp = "- " + text + "<br />";
		checkedItemsText = checkedItemsText.replace(/<br>/g, '<br />');
		checkedItemsText = checkedItemsText.replace(temp, '');
	}	
	if(value < 3) {
		top.document.getElementById("orga_targetgroups").innerHTML = "Target groups: " + value + " / min. 3 checked.";
		top.document.getElementById("orga_targetgroups_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory</b> <br />Please choose at least three target groups<br /><span id='groups_selected_items_list'>" + checkedItemsText + "</span></span>";
	} else if(value > 10) {
		top.document.getElementById("orga_targetgroups").innerHTML = "Target groups: " + value + " / max. 10 checked.";
		top.document.getElementById("orga_targetgroups_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory</b> <br />Please choose at most ten target groups<br /><span id='groups_selected_items_list'>" + checkedItemsText + "</span></span>";
	} else {
		top.document.getElementById("orga_targetgroups").innerHTML = "Target groups: " + value + " items checked.";	
		top.document.getElementById("orga_targetgroups_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_1.png' alt='o' /><span class='tooltipspan'><b>OK</b> <br /><span id='groups_selected_items_list'>" + checkedItemsText + "</span></span>";
	}
}

function activitiesChanged(comp_id, value) {
	var text = document.getElementById(comp_id + '_text').innerHTML;
	var checkedItemsText = top.document.getElementById("activities_selected_items_list").innerHTML;
	if(value == 1 && document.getElementById(comp_id).checked) {
		checkedItemsText = "Checked Items:<br />";
	} else if(value == 0) {
		checkedItemsText = "";
	}
	if(document.getElementById(comp_id).checked) {
		checkedItemsText += "- " + text + "<br />";
	} else {
		var temp = "- " + text + "<br />";
		checkedItemsText = checkedItemsText.replace(/<br>/g, '<br />');
		checkedItemsText = checkedItemsText.replace(temp, '');
	}	
	if(value < 3) {
		top.document.getElementById("orga_activities").innerHTML = "Activities: " + value + " / min. 3 checked.";
		top.document.getElementById("orga_activities_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory</b> <br />Please choose at least three activities<br /><span id='activities_selected_items_list'>" + checkedItemsText + "</span></span>";
	} else if(value > 10) {
		top.document.getElementById("orga_activities").innerHTML = "Activities: " + value + " / max. 10 checked.";
		top.document.getElementById("orga_activities_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_2.png' alt='o' /><span class='tooltipspan'><b>Mandatory</b> <br />Please choose at most ten activities<br /><span id='activities_selected_items_list'>" + checkedItemsText + "</span></span>";
	} else {
		top.document.getElementById("orga_activities").innerHTML = "Activities: " + value + " items checked.";	
		top.document.getElementById("orga_activities_valid").innerHTML = "<img class='tooltiparrow' src='fileadmin/templates/images/arrow_1.png' alt='o' /><span class='tooltipspan'><b>OK</b> <br /><span id='activities_selected_items_list'>" + checkedItemsText + "</span></span>";
	}
}