var def_tabs = [];
var tabs_init = false;

function help_open(helpid)
{
	el = document.getElementById(helpid);
	el.style.display = "block";
}

function help_close(helpid)
{
	el = document.getElementById(helpid);
	el.style.display = "none";
}

function help_move(event,helpid)
{
	var scrollTop = 0;
	if (document.body.scrollTop > 0) {
		scrollTop = document.body.scrollTop;
	}
	else {
		scrollTop = document.documentElement.scrollTop;
	}

	if (event.pageX) {
		// !msie
		xPos = event.pageX;
		yPos = event.pageY;
	}
	else {
		// msie
		xPos = window.event.clientX;
		yPos = window.event.clientY;


		xPos += document.body.scrollLeft;
		yPos += scrollTop;
	}

	el = document.getElementById(helpid);

	var right = xPos + 20 + el.offsetWidth;
	var bottom = yPos + 20 + el.offsetHeight;
	var up = false;
	var left = false;

	if (typeof(window.innerWidth) == "number") {
		if (right > window.innerWidth && window.innerWidth > el.offsetWidth) {
			left = true;
		}
		
		if (bottom > (window.innerHeight + scrollTop) && window.innerHeight > el.offsetHeight) {
			up = true;
		}
	}
	else {
		if (right > document.documentElement.clientWidth && document.documentElement.clientWidth > el.offsetWidth) {
			left = true;
		}
		if (bottom > (document.documentElement.clientHeight + scrollTop) && document.documentElement.clientHeight > el.offsetHeight) {
			up = true;
		}
	}

	if (left) {
		el.style.left = (xPos - 20 - el.offsetWidth) + "px";
	}
	else {
		el.style.left = xPos + 20 + "px";
	}
	if (up) {
		if (typeof(window.innerHeight) == "number") {
			el.style.top = ((window.innerHeight - 10 - el.offsetHeight) + scrollTop) + "px";
		}
		else {
			el.style.top = ((document.documentElement.clientHeight - 10 - el.offsetHeight) + scrollTop) + "px";
		}
	}
	else {
		el.style.top  = yPos + 10 + "px";
	}
}

function image_popup(myimage) {
 html = "<html>" +
  "<head>" +
  "<title>NMO :: Photo</title>" +
  "<meta http-equiv=\"imagetoolbar\" content=\"no\" />" +
  "<link rel=\"stylesheet\" href=\"web/main.css\" type=\"text/css\" />" +
  "</head>" + 
  "<body>" +
   "<div>" +
	"<a href=\"javascript:window.close();\" style=\"display:block;padding:22px 0px 0px 22px;\">" +
     "<img src='" + myimage + "' border=\"0\" name=\"image\" alt=\"\" onload='window.resizeTo(document.image.width+60,document.image.height+120)' />" +
    "</a>" +
   "</div>" +
  "</body>" +
  "</html>";
 popup=window.open('','image','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=1,resizable=1');
 popup.document.open();
 popup.document.write(html);
 //popup.document.focus();
 popup.document.close()
};

function form_validate_newsletterfrm_nl()
{
	frm = document.getElementById("newsletterfrm");
	if (!frm) {
		alert("Fout!");
	}
	errors = 0;
	error_notempty = "";
	error_isemail  = "";
	if (frm.name.value == '') {
		errors++;
		error_notempty += "Naam\n";
	}
	if (frm.email.value == '') {
		errors++;
		error_notempty += "E-mailadres\n";
	}
	if (frm.email.value != '') {
		vl = new String(frm.email.value);
		if (!vl.match(/^[^@]+@[^@]+[.][^@][^@]+$/)) {
			errors++;
			error_isemail += "E-mailadres\n";
		}
	}
	if (errors > 0) {
		txt = "";
		if (error_notempty != "") {
			txt += "De volgende velden moeten gevuld zijn:\n" + error_notempty;
		}
		if (error_isemail != "") {
			if (txt != "") { txt += "\n"; }
				txt += "De volgende velden zijn geen geldig e-mailadres:\n" + error_isemail;
			}
		alert(txt);
	}
	return (errors == 0);
}

function form_validate_newsletterfrm_en()
{
	frm = document.getElementById("newsletterfrm");
	if (!frm) {
		alert("Error!");
	}
	errors = 0;
	error_notempty = "";
	error_isemail  = "";
	if (frm.name.value == '') {
		errors++;
		error_notempty += "Name\n";
	}
	if (frm.email.value == '') {
		errors++;
		error_notempty += "Email address\n";
	}
	if (frm.email.value != '') {
		vl = new String(frm.email.value);
		if (!vl.match(/^[^@]+@[^@]+[.][^@][^@]+$/)) {
			errors++;
			error_isemail += "Email address\n";
		}
	}
	if (errors > 0) {
		txt = "";
		if (error_notempty != "") {
			txt += "The following fields need to be filled:\n" + error_notempty;
		}
		if (error_isemail != "") {
			if (txt != "") { txt += "\n"; }
				txt += "The following fields don't have a valid email address\n" + error_isemail;
			}
		alert(txt);
	}
	return (errors == 0);
}

function show_tab(name, elm)
{
	slow_init_tabs();

	// Display tab
	for (i = 0; i < def_tabs.length; i++) {
		li_id = def_tabs[i].id + "_tab";
		li_el = document.getElementById(li_id);

		if (def_tabs[i].id == name) {
			def_tabs[i].className = 'form-tab-active';

			if (li_el) {
				li_el.className = "active";
			}
		}
		else {
			def_tabs[i].className = 'form-tab-inactive';

			if (li_el) {
				li_el.className = "";
			}
		}
	}
}

function slow_init_tabs()
{
	if (tabs_init) {
		return;
	}

	def_tabs = [];
	divs = document.getElementsByTagName('div');
	for (i=0;i < divs.length;i++) {
		if (divs[i].className == 'form-tab-active-load') {
			divs[i].className = 'form-tab-active';
			def_tabs.push(divs[i]);
			
			li_id = divs[i].id + '_tab';
			li_el = document.getElementById(li_id);
			if (li_el) {
				li_el.className = "active";
			}
		}
		if (divs[i].className == 'form-tab-inactive-load') {
			divs[i].className = 'form-tab-inactive';
			def_tabs.push(divs[i]);
			
			li_id = divs[i].id + '_tab';
			li_el = document.getElementById(li_id);
			if (li_el) {
				li_el.className = "";
			}
		}
	}

	tabs_init = true;
}
