var zaalTimeout = setTimeout("zaalHide()", 500);

$(document).ready(function()
{
	Cufon.replace('h1', { fontFamily: 'QuadraatSans' });
	Cufon.replace('h2', { fontFamily: 'QuadraatSans' });
	
	socialButtons();
});

function openMenu(menu) { $("#subMenu" + menu).slideDown(); }
function toggle(item) { $("#" + item).toggle('slow'); }

function zaalOver(zaal, margleft)
{
	switch(zaal)
	{
		case "spiegeltent": {
			header = "Spiegeltent";
			txt = "De authentieke Belgische spiegeltent zorgt voor een betoverende ambiance, waar dansen en feesten in stijl geschieden.<br />Diner: 120 pers. Feest: 350 pers.";
			break;
		}
		case "lux": {
			header = "Lux";
			txt = "Deze zaal heeft een zeer trendy maar zeker ook erg chique uitstraling.<br />Feest: 200 pers.";
			break;
		}
		case "bubbleroom": {
			header = "Bubble Room";
			txt = "Heerlijk even genieten van een heerlijke cocktail in een trendy interieur dat kan prima in onze cocktailbar.<br />Diner: 30 pers. Feest: 70 pers.";
			break;
		}
		case "flip": {
			header= "Dancing Flip";
			txt = "Heerlijk swingen op de discoclassics. De vrolijke kleuren sieren de ruimte samen met de spiegelbollen en tubelights.<br />Feest: 100 pers.";
			break;
		}
		case "eetage": {
			header = "Eetage";
			txt = "Onze geheel verbouwde Eetage is zo ingericht en aangekleed dat het de perfecte locatie is voor uw diner of vergadering.<br />Diner: 35 pers. Feest: 35 pers.";
			break;
		}
		case "grandcafe": {
			header = "Grand Caf&eacute;";
			txt = "Het Grand Caf&eacute; is een gezellig caf&eacute; dat uitstekend geschikt is voor vele gelegenheden. Het Grand Caf&eacute; heeft een mooie, chique maar bovenal warme uitstraling.<br />Diner: 70 pers. Feest: 130 pers.";
			break;
		}
	}

	$("#zaalinfo").html("<div class=\"header\">" + header + "</div><div class=\"txt\">" + txt + "</div>");
	$("#zaalinfo").css("left", 236 + (margleft * 109));

	if(margleft==5)
	{
		$("#zaalinfo").css("left", 194 + (margleft * 109));
		$("#zaalinfo").css("background-image", "url(/_site/img/info_zaal_right.gif)");
	}
	else {
		$("#zaalinfo").css("background-image", "url(/_site/img/info_zaal.gif)");
	}

	$("#zaalinfo").slideDown();
	
	clearTimeout(zaalTimeout);
}

function zaalOut() { zaalTimeout = setTimeout("zaalHide()", 500); }
function zaalHide() { $("#zaalinfo").slideUp(); }
function paylogic() { window.open("https://www.paylogic.nl/frontoffice/?command=moduleList&merchantID=215", "_blank", "width=450,height=525,status=no,toolbar=no,location=no"); }

function reclame()
{
	var bg = $('<div>').attr('id','reclamebg').hide();
	var mov = $('<div>').attr('id','reclame').hide();
	var sluit = $('<div>').attr('id','reclamesluiten');
	var sluitlnk = $('<a>').attr('href','#').html('Sluiten').click(function(){
		bg.fadeOut();
		mov.hide();
		sluit.hide();
	});
	sluit.append(sluitlnk);

	$('body').append(bg);
	$('body').append(mov);
	bg.fadeIn();
	mov.show();
	
	UFO.create(FO_Reclame, "reclame");
	
	$('body').append(sluit);
}

function socialButtons() {
	facebookinit = "<div id=\"fb-root\"></div><script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = \"//connect.facebook.net/nl_NL/all.js#xfbml=1&appId=129356053818902\"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>";
	facebook = "<div class=\"fb-like\" data-href=\"http://www.facebook.com/ambianz\" data-send=\"false\" data-layout=\"button_count\" data-width=\"150\" data-show-faces=\"false\" data-colorscheme=\"light\"></div>";
	twitter = "<a href=\"https://twitter.com/ambianzzeeland\" class=\"twitter-follow-button\" data-button=\"grey\" data-text-color=\"#FFFFFF\" data-link-color=\"#edd86e\" data-show-count=\"false\" data-lang=\"nl\">Follow @ambianzzeeland</a><script src=\"//platform.twitter.com/widgets.js\" type=\"text/javascript\"></script>";

	$('body').after(facebookinit);
	$('h1').after($('<div>').attr('id', 'twitter').html(twitter));
	$('h1').after($('<div>').attr('id', 'facebook').html(facebook));
}
