/*
var vote = $('div.vote-tvhj'),
	normal = vote.find('.normal'),
	hovers = vote.find('.hovers'),
	classname;
vote
	.find('.imagemap a')
	.hover(
		function(){
			classname = $(this).attr('class');
			normal.find('.'+classname).css('visibility', 'hidden');
			hovers.find('.'+classname).css('visibility', 'visible');
		},
		function(){
			classname = $(this).attr('class');
			normal.find('.'+classname).css('visibility', 'visible');
			hovers.find('.'+classname).css('visibility', 'hidden');
		}
	);
	var form = $('.photo-tvhj form');
	if (form.size() > 0){
			var emailReg = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i;
		form
			.submit(function(ev){
				var form = $(this),
					email = form.find('#sEmail').val(),
					msg = '';
				if (form.find('#sPhoto').val() == ''){
					msg += '- Selecteer aub een foto\r\n';
				}
				if (email == '' ||
					false == emailReg.test(email)
				){
					msg += '- Vul aub een geldig e-mailadres in\r\n';
				}
				if (form.find('#bPhoto:checked').size() == 0){
					msg += '- Om mee te doen dien je akkoord te gaan met het eventueel plaatsen van jouw foto\r\n';
				}
				if (form.find('#bTOC:checked').size() == 0){
					msg += '- Om mee te doen dien je akkoord te gaan met de algemene voorwaarden';
				}
				if (msg != ''){
					alert('Vul aub het formulier correct in:\r\n\r\n'+msg);
					ev.preventDefault();
				}
			});
	}
*/




/* Sounds :( */
soundManager.url = '/layout/flash/';
soundManager.debugMode = false;
soundManager.useHTML5Audio = true;
soundManager.defaultOptions.volume = 20;
soundManager.onload = function(){
	/*	soundManager.createSound({
		id: 'trein',
		url: '/layout/mp3/telefoon-stoomtrein.ogg',
		autoLoad: true
	});
*/	soundManager.createSound({
		id: 'fiets',
		url: '/layout/mp3/toetjesalarm-fietsbel.mp3',
		autoLoad: true
	});
	soundManager.createSound({
		id: 'koe',
		url: '/layout/mp3/koe.mp3',
		autoLoad: true
	});
	soundManager.createSound({
		id: 'ringtone',
		url: '/layout/mp3/ringtone.mp3',
		autoLoad: true
	});
};

//$('li.toetjevandezemaand > a').click(function(){
//	$(this).addClass('active');
//	$('li.vorigemaanden > a').removeClass('active');
//});
//$('li.vorigemaanden > a').click(function(){
//	$(this).addClass('active');
//	$('li.toetjevandezemaand > a').removeClass('active');
//});
/* Prevent page from scrolling body, making the header invisible */
var x = 0,
intv = window.setInterval("unScroll()", 200),
pud = $("#content-large .content div.puddingen, #content-large .content div.toetjevandemaand");
function unScroll(){
	window.scroll(0, 0);
	if(++x > 15 && pud.size() < 1){
		window.clearInterval(intv);
	}
}

(function ($){

	var $body = $("body");
	if(/(onze-toetjes)/.test(window.location.href)){
		$("#nav > li.onzetoetjes").addClass("active-trail");
	}
	if(/(toetje-van-de-maand-2011)/.test(window.location.href)){
		$("#nav > li").removeClass("active-trail");
		$("#nav > li.toetjevandemaand")
			.addClass("active-trail")
			.find("li.detoetjesvan:eq(0)")
			.addClass("active-trail")
			.find("a")
			.addClass("active-trail");
	}
	else if(/(toetje-van-de-maand)/.test(window.location.href)){
		$("#nav > li").removeClass("active-trail");
		$("#nav > li.toetjevandemaand")
			.addClass("active-trail")
			.find("li.detoetjesvan:eq(1)")
			.addClass("active-trail")
			.find("a")
			.addClass("active-trail");
	}
	//$("#nav > li.toetjevandemaand > a.").addClass("active-trail");
	/* NAV: Slide subitems up and down */
	var nav = $("#nav > li > a"),
	subnav = $("#nav > li > ul");
	if (nav.size() + subnav.size() > 0 && $body.hasClass("node-type-kelder-page") === false){
		var next, $this;
		$("#nav > li > a").click(function(ev){
			$this = $(this);
			if ($this.parent().find("a").size() == 1 ||
				$this.parent().is(".knutselen") ||
				$this.parent().is(".prikbordreacties")
			){
				return;
			}
			subnav.slideUp("slow");
			next = $this.next();
			if (next.is(":visible")){
				next.slideUp("slow");
			}
			else {
				next.slideDown("slow");
			}
			ev.preventDefault();
		});

	}

	/* FAMILY AT TABLE (only at home page) */
	if ($("body").hasClass("front") || $("body").hasClass("woonkamer")){
		var family = $(".family")
		famFaces = family.find(".top"),
		famBottom = family.find(".bottom"),
		famLeft = family.find(".left"),
		famJanneke = family.find(".janneke"),
		refresh = $("a.refresh"),
		tip = $(".tip")
		rand = function(max){
			// Return a number between 1 and max
			return Math.floor(Math.random()*max+1);
		},
		changeImages = function(){
			// Load new random images
			var newLeft = rand(6);
			famFaces.attr("class", "top top-img"+rand(6));

			tip.attr("class", "tip tip-"+(newLeft == 4 || newLeft == 5? '2': rand(2))); // Lefts 4 and 5 don't match tip-1

			famBottom.attr("class", "bottom bottom-img"+rand(6));
			famLeft.attr("class", "left left-img"+newLeft);
			famJanneke.attr("class", "janneke janneke-img"+rand(12));
			// Reload images every 4 seconds
			setTimeout(changeImages, 4000);
		};
		// Initialize the timeout
		changeImages();
		// Is the refresh button loaded?
		if (refresh.size() > 0){
			var animating, // Var to store the timeout
			animate = function (){
				// Change the cake image
				if (refresh.css("background-position") == "-838px -92px" ||
					refresh.css('background-position-x')+' '+refresh.css('background-position-y') == "-838px -92px" // IE! :(
					){
					refresh.css("backgroundPosition", "-771px 0");
					// Reset the timeout
					animating = setTimeout(animate, 300);
				}
				else {
					refresh.css("backgroundPosition", "-838px -92px");
					// Reset the timeout
					animating = setTimeout(animate, 200);
				}
			},
			startAnimation = function(ev){
				// Start the timeout
				animating = setTimeout(animate, 200);
			},
			stopAnimation = function(ev){
				// Unset the timeout
				clearTimeout(animating);
				// Restore the default cake image
				refresh.css("backgroundPosition", "-903px 0");
			};
			refresh
			.click(function(ev){
				// When clicking on the cake the whole family shoud put on/take of their party hat
				if ($body.hasClass("party")){
					$body.removeClass("party");
				}
				else {
					$body.addClass("party");
				}
				ev.preventDefault();
			})
			.mouseover(startAnimation) // When hovering over the cake change the cake image every 0.2 or 0.3 seconds
			.mouseout(stopAnimation) // Unset the timeout
			.mouseenter(function(){
				if (getSoundState() == 1){
					soundManager.stop('fiets');
					soundManager.play('fiets');
				}
			})
			;

			var floorConfetti = new Image();
			floorConfetti.src = "/layout/images/bg/floor-confetti.png";

			/*			$(".interaction a.contact").mouseenter(function(){
				if (getSoundState() == 1){
					soundManager.play('trein');
				}
			});
*/			$(".interaction a.mobile").mouseenter(function(){
				if (getSoundState() == 1){
					soundManager.stop('koe');
					soundManager.play('koe');
				}
			});
		}
	}
	/*ringtone player*/
	$('.ringtone').click(function(ev){
		var $this = $(this);
		if($this.hasClass("play")){
			soundManager.stop('ringtone');
			$this.removeClass('play').addClass('stop');
		}else{
			$this.removeClass('stop').addClass('play');
			soundManager.play('ringtone',{
				onfinish: function(){
					$this.removeClass('play').addClass('stop');
				}
			}
			);

		}
		ev.preventDefault();
	});

	/* CAROUSEL / JSCROLLPANE :( */
	var carousel = $('ul#carousel'),
	scrollableContent = $("#content-large .content"),
	puddingenCarousel = scrollableContent.find("div.puddingen, div.toetjevandemaand, div.chocodreams, div.mousse");
	var content = $("#content, #content-large"),
	totalItems = carousel.find("li").size();

	if (carousel.size() > 0){
	//console.log("auto caro 3");
		var cycle = carousel.cycle({
			"fx":     'fade',
			"speed": 100,
			"prev":   '#prev1',
			"next":   '#next1',
			"timeout": 5000,
			"before": function(currSlideElement, nextSlideElement, options, forwardFlag){
				elm = $('li').index($(nextSlideElement));
				switch (elm % totalItems){
					case 1:
						content.css("backgroundPosition", "top left");
						break;
					case 2:
						content.css("backgroundPosition", "top center");
						break;
					default:
						content.css("backgroundPosition", "top right");
						break;
				}
			}
		});/*
		carousel.click(function (ev) {
			//if ($(ev.target).is("a, a img, object, embed")) {
				console.log("KLIK");
				cycle.cycle("pause");
			//}
		});*/
	}
	else if (puddingenCarousel.size() > 0){
		var el = puddingenCarousel
		.jScrollPane({
			"arrowScrollOnHover": true,
			"showArrows": true,
			"autoReinitialise": true,
			"hijackInternalLinks": true
		});
		api = el.data("jsp");
		var w = $('.jspPane > p').width();
		if(window.location.hash == '#toetjevandezemaand'){
			$('li.vorigemaanden > a').removeClass('active');
			api.scrollTo(w-670);
		}
		if(window.location.hash == '#vorigemaanden'){
			$('li.toetjevandezemaand > a').removeClass('active');
			api.scrollTo(w-(670*2));
		}
		$('li.toetjevandezemaand > a').click(function(){
			$(this).addClass('active');
			$('li.vorigemaanden > a').removeClass('active');
			api.scrollTo(w-670);
		});
		$('li.vorigemaanden > a').click(function(){
			$(this).addClass('active');
			$('li.toetjevandezemaand > a').removeClass('active');
			api.scrollTo(w-(670*2));
		});
	// Convert the scrollwheel scroll from vertical to horizontal
	//		el.bind("mousewheel", function (event, delta, deltaX, deltaY){
	//			api.scrollByX(-20 * delta);
	//		});
	// Hack to make sure the scroll left/right buttons are shown
	// This problem occurs when the starting position of the scrollpane is not left
	//		fixScrollBug = function(){
	//			api.scrollByX(0);
	//		};
	//setTimeout("fixScrollBug()", 500);
	//		$('a[href$="#toetjevandezemaand"], a[href$="#vorigemaanden"]').click(function(){
	//
	//		//setTimeout("fixScrollBug()", 500);
	//		});
	}
	else if (scrollableContent.size() > 0){
		scrollableContent
		.jScrollPane({
			"scrollbarWidth": 17,
			"showArrows": true,
			"verticalDragMaxHeight": 12,
			"autoReinitialise": true,
			"hijackInternalLinks": true // Nodig voor "Kijk dit zijn wij"
		});
	}
	/* FLASH ANIMATIONS* /
	var clock = $(".interaction em.clock"),
	toggleSound = $(".interaction em.sound"),
	toetjevdmaand = $(".interaction a.monthly"),
	contact = $(".interaction a.contact"),
	flashLoaded = false;
	if (false && clock.size() > 0){
		clock.html(
			'<embed type="application/x-shockwave-flash" wmode="transparent" src="/layout/flash/DeKlok.swf" allowscriptaccess="sameDomain" id="clockswf" name="clockswf" bgcolor="transparent" quality="high" width="61" height="61"/>'
			);
		flashLoaded = true;
	}
	if (false && toggleSound.size() > 0){
		toggleSound.html(
			'<object id="DePapegaai" width="90" height="260" align="middle" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">'+
			'<param value="sameDomain" name="allowScriptAccess">'+
			'<param value="false" name="allowFullScreen">'+
			'<param value="/DePapegaai.swf" name="movie">'+
			'<param value="high" name="quality">'+
			'<param value="#cccccc" name="bgcolor">'+
			'<embed width="90" height="260" align="middle" pluginspage="http://www.adobe.com/go/getflashplayer" type="application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="sameDomain" name="DePapegaai" bgcolor="#cccccc" quality="high" src="/DePapegaai.swf">'+
			'</object>'
//			'<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="110" height="260" id="papegaaiswf" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="/layout/flash/DePapegaai.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#cccccc" />	<embed src="/layout/flash/DePapegaai.swf" quality="high" bgcolor="#cccccc" width="110" height="260" name="exports/DePapegaai" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></object>'

	//		<embed type="application/x-shockwave-flash" wmode="transparent" src="/layout/flash/DePapegaai.swf" allowscriptaccess="sameDomain" id="papegaaiswf" name="papegaaiswf" bgcolor="transparent" quality="high" width="110" height="260"/>'
			).show();
		flashLoaded = true;
	}
	if (false && toetjevdmaand.size() > 0){
		toetjevdmaand.html(
			'<embed type="application/x-shockwave-flash" wmode="transparent" src="/layout/flash/HetToetje.swf" allowscriptaccess="sameDomain" id="toetjeswf" name="toetjeswf" bgcolor="transparent" quality="high" width="125" height="100"/>'
			).show();
		flashLoaded = true;
	}
	if (false && contact.size() > 0){
		contact.html(
			'<embed type="application/x-shockwave-flash" wmode="transparent" src="/layout/flash/DeTelefoon.swf" allowscriptaccess="sameDomain" id="telefoonswf" name="telefoonswf" bgcolor="transparent" quality="high" width="120" height="150"/>'
			);
		flashLoaded = true;
	}*/
	//	if (flashLoaded === true){
	$(".interaction").addClass("flash-loaded");
//	}
}(jQuery));