/*
 * Javascript for dynamic menu
 * For Foveo template
 *
 * Script by Redsandro Media http://www.Redsandro.com/
 * Copyright 2010, www.Foveo.nl
 *
 * Created:		
 * Last edit:	3 October 2010
 */
var preview = "preview_home";
var previews = ["preview_home", "preview_zorg", "preview_indicatie", "preview_downloads", "preview_over"];
var curEl;
var preloaded = false;

// Wait for images done loading
$(window).bind('load', function () {
	preloaded = true;
});

// DOM done loading
$(document).ready(function(){
	// Buttons
	$("#header_menu ul li a").hover(
		function () {
			$(this).parent().addClass("menu-selected");
			// Preview
			switch ($(this).html()) {
				case "Zorg":
					previewFade(previews[1]);
					break;
				case "Indicatie":
					previewFade(previews[2]);
					break;
				case "Downloads":
					previewFade(previews[3]);
					break;
				case "Over Foveo":
					previewFade(previews[4]);
					break;
				default:
			}
			// SubMenu open
			window.curEl = $(this).parent().children("ul");
			if (window.curEl.data('myHeight') === undefined) { // Store initial height
				window.curEl.data('myHeight', window.curEl.height());
			}
			if (!window.curEl.is(':animated') && window.curEl.data('showing', false)) {
				window.curEl.data('showing', true);
				window.curEl.animate({
					height: 'toggle',
					opacity: 'toggle'
				}, 300, function(){
					window.curEl.css('height', 'auto');
				});
			}
		}, 
		function () {
			$(this).parent().removeClass("menu-selected");
			previewFade(previews[0]);
			// SubMenu close
			var el = $(this).parent().children("ul");
			if (el.data('showing') === true) {
				el.data('showing', false);
				//alert(el.css('height'));
				//if (el.is(":animated")) el.stop(true);
				//if (!el.is(":animated"))
				el.delay(400).animate({
					height: 'toggle',
					opacity: 'toggle'
				}, {
					duration: 800
				});
			}
		}
	);

	// SubMenu stay open
	$("#header_menu ul li ul li").hover(
		function() { // onMouseOver
			if (!$(this).parent().is(':animated'))
				$(this).parent().stop(true);
		},
		function() { // onMouseOut
			$(this).parent().delay(400).slideUp(800);
		}
	);

});

function previewFade(target) {
	if (preloaded) {
		//
		for (var n in previews) {
			n = previews[n];
			var el = $('#'+n);
			if (el.is(":animated")) el.stop(true);
			if (n == target)
				el.fadeTo(600,1);
			else
				el.fadeTo(600,0);
		}
		//$('#'+target).fadeOut();
	}
}