$(document).ready(function() {
	$("a[rel=fotos],a.colorbox").colorbox({});
});

kalenderpopup_hop = null;
function open_kalender(veld) {
	dag   = "";
	maand = "";
	jaar  = "";
	
	if (document.getElementById) {
		if (document.getElementById(veld + "_dag")) {
			dag = document.getElementById(veld + "_dag").value;
		}
		if (document.getElementById(veld + "_maand")) {
			maand = document.getElementById(veld + "_maand").value;
		}
		if (document.getElementById(veld + "_jaar")) {
			jaar = document.getElementById(veld + "_jaar").value;
		}
	} else if (document.all) {
		if (document.all[veld + "_dag"]) {
			dag = document.all[veld + "_dag"].value;
		}
		if (document.all[veld + "_maand"]) {
			maand = document.all[veld + "_maand"].value;
		}
		if (document.all[veld + "_jaar"]) {
			jaar = document.all[veld + "_jaar"].value;
		}
	}
	
	if (kalenderpopup_hop) {
		kalenderpopup_hop.close();
	}
	
	iLeft = 100;
	if (screen && screen.width) {
		iLeft = Math.floor(screen.width / 2) - 150;
	}
	iTop = 150;
	
	kalenderpopup_hop = window.open("kalenderpopup.php?veld=" + veld + "&dag=" + dag + "&maand=" + maand + "&jaar=" + jaar, "kalenderpopup_hop", "width=300,height=240,scrollbars=yes,resizable=yes,status=no,toolbar=no,menubar=no,left=" + iLeft + ",top=" + iTop);
}

function set_datum(veld, dag, maand, jaar) {
	if (document.getElementById) {
		if (document.getElementById(veld + "_dag")) {
			document.getElementById(veld + "_dag").value = dag;
		}
		if (document.getElementById(veld + "_maand")) {
			document.getElementById(veld + "_maand").value = maand;
		}
		if (document.getElementById(veld + "_jaar")) {
			document.getElementById(veld + "_jaar").value = jaar;
		}
	} else if (document.all) {
		if (document.all[veld + "_dag"]) {
			document.all[veld + "_dag"].value = dag;
		}
		if (document.all[veld + "_maand"]) {
			document.all[veld + "_maand"].value = maand;
		}
		if (document.all[veld + "_jaar"]) {
			document.all[veld + "_jaar"].value = jaar;
		}
	}
	kalenderpopup_hop.close();
}

// menu getest in IE 6, IE 7, IE 8, FF 2, FF 3.5, Opera 9, Chrome 2, Safari 3

var menu_to = null;

var is_opera = (navigator.userAgent.indexOf("Opera/") != -1);
var is_ie = ( (navigator.userAgent.indexOf("MSIE ") != -1) && (!is_opera) );
var is_ie6 = ( (navigator.userAgent.indexOf("MSIE 6.") != -1) && (is_ie) );
var is_ie7 = ( (navigator.userAgent.indexOf("MSIE 7.") != -1) && (is_ie) );

var menu_ytems = new Array("onze-camping", "zwembad", "eetcafe", "contact");

function menu_init() {
	// onmouse acties toekennen aan de <a>'s
	if (document.getElementById) {
		for (key in menu_ytems) {
			// A
			id = "a_dropdownmenu_" + menu_ytems[key];
			e  = document.getElementById(id);
			if (e) {
				e.onmouseover = menu_e;
				e.onmouseout  = menu_hide_to;
				
				// DIV
				id = "div_dropdownmenu_" + menu_ytems[key];
				e = document.getElementById(id);
				if (e) {
					e.onmouseover = menu_clear_to;
					e.onmouseout  = menu_hide_to;
				}
			}
		}
	}
}

function menu_e(e) {
	menu_clear_to();
	
	if (!e) e = window.event;
	if (!e.target) e.target = e.srcElement;
	
	var et = e.target; // et is nu <a>
	
	ytem = et.id.substr(15); // a_dropdownmenu_1
	
	menu_view(ytem, e);
}

function menu_view(ytem, e) {
	if (!e && window.event) e = window.event;
	
	if (e) {
		mp = document.getElementById("div_dropdownmenu_" + ytem);
		if (mp) {
			// HOOFDMENU's
			
			if (mp.style.display == "block") {
				// menu wordt al getoond
			} else {
				// eventueel huidig menu verbergen
				for (key in menu_ytems) {
					var e2 = document.getElementById("div_dropdownmenu_" + menu_ytems[key]);
					if (e2) {
						e2.style.display = "none";
					}
				}
					
				/* positie van menu automatisch bepalen */
					
					x = 0; // x = e.clientX;
					y = 0; // y = e.clientY;
					
					if (!e.target) e.target = e.srcElement;
					e = e.target;
					
					while (e) {
						x = x + e.offsetLeft;
						y = y + e.offsetTop;
						
						e = e.offsetParent;
						if ( (e.tagName == "BODY") || (e.tagName == "HTML") ) {
							break;
						}
					}
					
					if (is_ie6 || is_ie7) {
						// marge/padding van hoofdmenu <a> ???
						x += 4;
						y -= 14;
					}
					x -= 10;
					
					y += 20; // hoogte van het hoofdmenu
					if (is_ie6 || is_ie7) {
						// marge/padding van hoofdmenu <a> ???
						y += 14;
					}
					
					mp.style.left = x + 'px';
					mp.style.top = y + 'px';
					
				// einde automatisch */
				
				var ih = '<div class="dropdownmenucontainer" id="dropdownmenucontainer">' + mp.innerHTML + '</div>';
				mp.innerHTML = ih;
				mp.style.display = "block";
			}
		}
	}
}

function menu_hide() {
	for (key in menu_ytems) {
		e = document.getElementById("div_dropdownmenu_" + menu_ytems[key]);
		if (e) {
			e.style.display = "none";
		}
	}
}

function menu_hide_to() {
	menu_to = setTimeout("menu_hide()", 500); // 500 = 1/2 seconde
}

function menu_clear_to() {
	clearTimeout(menu_to);
}