//window.onload = init;
window.onresize = fix;

var AJAX_PAGE	= "ajax/page.php";
var IMAGE_PAGE	= window.location;

var _page_txt;
var URL;

function init()
{
	showLoader();
	URL = AJAX_PAGE + "?page=" + initPage;
	hideContents();
	//loadPage(AJAX_PAGE + "?page=home","content",pageLoaded);
}

function subscribeNewsletter(f)
{
	showLoader();
	URL = f.action;
	loadPage(f.action + "?subscribe=1&email=" + f.email.value, 'content', pageLoaded);
	return false;
}

function pageLoaded(result)
{
	// no error occured
	if (result.indexOf('%IMAGE_SPLIT%') != -1)
	{
		var data = result.split('%IMAGE_SPLIT%');
		
		var image	= data[0];
		var html	= data[1];
	
		if (image != null && image != '')
		{
			_page_txt	= html;
			
			var imgUrl = IMAGE_PAGE + image;
			//document.getElementById("content").innerHTML = html;
			//hideLoader();
			loadPage(imgUrl,"decoy",imageLoaded);
			var image		= new Image();
			image.onload	= imageLoaded;
			image.src		= imgUrl;
		}
		else
		{
			_page_txt	= html;
			document.getElementById("content").innerHTML = html;
			showContents();
			hideLoader();
		}
	}
	else
	{
		document.getElementById("content").innerHTML = result;
		showContents();
		hideLoader();
	}
	if (URL.indexOf("sfeer") != -1)
		fotoboek();
}

function imageLoaded(result)
{
	document.getElementById("content").innerHTML = _page_txt;
	hideLoader();
}

function menulinkHandler(o)
{
	if ((o.href.indexOf("arrangementen") != -1) || (o.href.indexOf("diner") != -1) && (o.href.indexOf("huwelijk") == -1))
		return false;
	//showLoader();
	var url = o.href.split('/');
	var page = AJAX_PAGE + "?page=" + (url[url.length-1]);
	URL=page;
	//loadPage(page,"content",pageLoaded);
	hideContents();
	return false;
}

function showArrangementen(a)
{
	return false;
}

//######### various functions
function showLoader()
{
	document.getElementById('loaderOverlay').style.visibility = 'visible';
}
function hideLoader()
{
	document.getElementById('loaderOverlay').style.visibility = 'hidden';
	showContents();
}
function hideContents()
{/*
	$("#content").animate(
	{
		left: "-629px"
	},
	500,
	contentsHidden);*/
	contentsHidden();
}
function showContents()
{
	/*$("#content").animate(
	{
		left: "0px"
	},
	500,
	contentsVisible);*/
	contentsVisible();
}

function contentsHidden()
{
	loadPage(URL,"content",pageLoaded);
	showLoader();
}
function contentsVisible()
{
}

function fotoboek()
{
	$('#one').jqGalScroll();
	$('#two').jqGalScroll({direction : 'vertical'});
}

function sendMail(f)
{
/*
	var name		= f.name.value;
	var city		= f.city.value;
	var tel			= f.tel.value;
	var email		= f.email.value;
	var subj		= f.subject.value;
	var msg			= f.message.value;
	var newsletter	= f.newsletter.checked;
	*/
	document.getElementById("sbmt").disabled = true;
	//hideContents();
	/*
	showLoader();
	loadPage("ajax/mail.php?a=mail&name=" + name + "&city=" + city + "&tel=" + tel + "&email=" + email + "&subject=" + subj
	+ "&newsletter=" + newsletter
	+ "&msg=" + msg,"content",pageLoaded);
	*/
	//return false;
}

function mailSent(html)
{
	//alert(html);
	//loadPage("ajax/mail.php?a=mail&name=" + name,"content",pageLoaded);
	//document.getElementById("sbmt").disabled = false;
	//hideLoader();
}

function clearField(obj)
{
	obj.value = '';
	obj.onclick = null;
}

//######### jquery code
$(document).ready(
	function()
	{
		//init();
		$('#one').jqGalScroll();
		$(".menuItems a").hover(
			function()
			{
				$(this).animate(
					{
						paddingLeft: "10px"
					},
					100
				);
			},
			function ()
			{
				$(this).animate(
					{
						paddingLeft: "0px"
					},
					100
				);
			}
		);

		var arrFocus	= false;
		var dinerFocus	= false;
		var speed		= 300;
		var delay		= 150;
		
		$("#arrangementList").css("width",$("#arrangementList").width() + "px");
		$("#arrangementList").css("height",$("#arrangementList").height() + "px");
		
		$("#dinnerList").css("height",$("#dinnerList").height() + "px");
		$("#dinnerList").css("width",$("#dinnerList").width() + "px");

		// ######################### MENU FOR ARRANGEMENTEN
		$("#arrangementen").hover(
			function()
			{
				var pos		= $(this).position();
				var width	= $(this).width();
				if (!arrFocus)
				{
					$("#arrangementList").css("left",parseInt(pos.left) + width - 10);
					$("#arrangementList").css("top",pos.top);
					$("#arrangementList").show(speed);
					arrFocus = true;
				}
			},
			function()
			{
				arrFocus = false;
				setTimeout(h,delay);
				function h()
				{
					if (!arrFocus)
						$("#arrangementList").hide(speed);
				}
			}
		);
		$("#arrangementList").hover(
			function()
			{
				if (!arrFocus)
				{
					$(this).show();
					arrFocus = true;
				}
			},
			function()
			{
				arrFocus = false;
				setTimeout(h,delay);
				function h()
				{
					if (!arrFocus)
						$("#arrangementList").hide(speed);
				}
			}
		);
		$("#arrangementList > a").click(
			function()
			{
				arrFocus = false;
				$("#arrangementList").css("display","none");
			}
		);
		
		// ######################### MENU FOR DINNER
		$("#dineren").hover(
			function()
			{
				var pos		= $(this).position();
				var width	= $(this).width();
				if (!dinerFocus)
				{
					$("#dinnerList").css("left",parseInt(pos.left) + width - 70);
					$("#dinnerList").css("top",pos.top);
					$("#dinnerList").show(speed);
					dinerFocus = true;
				}
			},
			function()
			{
				dinerFocus = false;
				setTimeout(h,delay);
				function h()
				{
					if (!dinerFocus)
						$("#dinnerList").hide(speed);
				}
			}
		);
		$("#dinnerList").hover(
			function()
			{
				if (!dinerFocus)
				{
					$(this).show();
					dinerFocus = true;
				}
			},
			function()
			{
				dinerFocus = false;
				setTimeout(h,delay);
				function h()
				{
					if (!dinerFocus)
						$("#dinnerList").hide(speed);
				}
			}
		);
		$("#dinnerList > a").click(
			function()
			{
				dinerFocus = false;
				$("#dinnerList").css("display","none");
			}
		);
	}
);

function fix()
{
	var N = window.navigator;
	
	if (N.appVersion.indexOf("MSIE") != -1)
	{
		var el = document.getElementById("content");
		var html = el.innerHTML;
		//el.innerHTML = '';
		el.innerHTML = html;
	}
}