$(document).ready(function() {
	// dissolve messages after 4 seconds with effect
	setTimeout(function(){
		$(".effect").effect('blind', {}, 500);
	}, 4000);

	// add tab functionality
	$("#tabs").tabs();

	// add lightbox to foto's
	$("#fotos a").fancybox({
		transitionIn : 'elastic',
		transitionOut : 'elastic',
		titleShow : true,
		titlePosition : 'outside',
		padding : 5,
		scrolling : 'no',
		autoDimensions : false,
		width : 800,
		height : 680,
		autoScale : false,
		speedIn : 600, 
		speedOut : 200, 
		overlayShow : true,
		cyclic: true,
		showNavArrows: true
	});

	// add datepicker
	$(".datepicker").datepicker({
		dateFormat: 'dd/mm/yy',
		changeMonth: true,
		changeYear: true,
		showWeek: true,
		numberOfMonths: 1,
		showAnim: 'fadeIn',
		showOtherMonths: true,
		selectOtherMonths: true
	});
	var dates = $("#start, #end").datepicker({
		dateFormat: 'dd/mm/yy',
		defaultDate: "+1w",
		changeMonth: true,
		showWeek: true,
		numberOfMonths: 1,
		showAnim: 'fadeIn',
		onSelect: function(selectedDate) {
		if (this.id == "start" && $("#end").val() == "") {
			$("#end").val($("#start").val());
		}
		var option = this.id == "start" ? "minDate" : "maxDate";
		var instance = $(this).data("datepicker");
		var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
		dates.not(this).datepicker("option", option, date);
	}
	});
	var dates2 = $("#start2, #end2").datepicker({
		dateFormat: 'dd/mm/yy',
		defaultDate: "+1w",
		changeMonth: true,
		showWeek: true,
		numberOfMonths: 1,
		showAnim: 'fadeIn',
		onSelect: function(selectedDate) {
		if (this.id == "start2" && $("#end").val() == "") {
			$("#end2").val($("#start2").val());
		}
		var option = this.id == "start2" ? "minDate" : "maxDate";
		var instance = $(this).data("datepicker");
		var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
		dates2.not(this).datepicker("option", option, date);
	}
	});

    $('#picture').cycle({
    	fx: 'fade',
		pause: 1,
		speed: 4000,
		timeout: 8000
	});
});

function setTab(tab) {
	$("#tabs").tabs("option", "selected", (tab > 0 ? tab - 1 : 0));
}

window.onload = function() { VIP_loadMenu(); }
window.onresize = function() { 
  VIP_menu = null;
  VIP_baseMenu = null;
  VIP_subMenu = null;
  VIP_dropdown = null;
  VIP_Nodes = new Array();
  n=0;
  VIP_loadMenu();
}

var VIP_menuTimer, VIP_subMenuTimer, VIP_menu, VIP_aMenu, VIP_aSubMenu, VIP_baseMenu, VIP_subMenu, VIP_dropdown;
var VIP_Nodes = new Array();
var n=0;

var dropdown_split = 8;	  		// aantal items dat maximaal onder elkaar getoond wordt in een dropdown menu
var dropdown_width = 185; 		// breedte van een dropdown a item
var dropdown_height = 25; 		// hoogte van een dropdown a item

var submenu_shift = 40; 		// aantal pixels dat elk submenu naar links wordt geplaatst

var VIP_timeout_base = 3500; 	// tijd totdat base menu weer wordt getoond.
var VIP_timeout = 500; 		// tijd totdat dropdown menu wordt verborgen

function Node(obRef)
{
  this.obRef = obRef;
  this.timeRef = null;
}

VIP_loadMenu = function()
{
  VIP_menu = document.getElementById("menu").childNodes;

  for (i in VIP_menu)
  {
    if (VIP_menu[i].nodeName == "LI" && VIP_menu[i].parentNode.id == "menu")
    {
      VIP_menu[i].onmouseover=function()
      {
        VIP_showMenu(this);
      }
      VIP_menu[i].onmouseout=function()
      {
        VIP_menuTimer = setTimeout("VIP_showBaseMenu()", VIP_timeout_base);
      }

      // show baseMenu
      if (VIP_menu[i].id == "base")
      {
        VIP_baseMenu = VIP_menu[i];
        VIP_showMenu(VIP_baseMenu);
      }

      // add actions to submenu's
      VIP_subMenu = VIP_menu[i].getElementsByTagName("LI");
      for (j in VIP_subMenu)
      {
      	// change color for active submenu
        if (VIP_subMenu[j].id == "submenu_base")
        {
          VIP_subMenu[j].className += " submenu_base";
        }

        if (VIP_subMenu[j] && VIP_subMenu[j].nodeName == "LI" && VIP_subMenu[j].parentNode.parentNode.parentNode.id && VIP_subMenu[j].parentNode.parentNode.parentNode.id == "menu")
        {
          // controleren of er dropdowns aanwezig zijn
          var VIP_dropdown = VIP_subMenu[j].getElementsByTagName("LI");

          VIP_subMenu[j].onmouseover=function()
          {
            VIP_showSub(this);
          }
          
          if ( VIP_dropdown.length > 0 )
          {
            VIP_subMenu[j].className += " submenu";
            VIP_subMenu[j].onmouseout=function()
            {
              VIP_subMenuTimer = setTimeout("VIP_hideSub()", VIP_timeout);
            }

            // VIP_dropdown items in meerdere rijen plaatsen als er meer dan 'dropdown_split' items zijn
            if ( VIP_dropdown.length > dropdown_split )
            {

              for (k in VIP_dropdown)
              {
                if (k >= (Math.round(VIP_dropdown.length / 2)))
                {
                  //alert(Math.round(VIP_dropdown.length/2));
                  VIP_dropdown[k].style.left = dropdown_width+"px";
                  VIP_dropdown[k].style.top = "-" + (Math.round(VIP_dropdown.length / 2))*dropdown_height + "px";
                  
                  VIP_dropdown[k].parentNode.style.width = (2*dropdown_width)+"px";
                  VIP_dropdown[k].parentNode.style.height = (Math.round(VIP_dropdown.length / 2))*dropdown_height + "px";
                }
              }
            }

          }
          else
          {
            VIP_subMenu[j].onmouseout=function()
            {
              VIP_hideSub();
            }
          }

          // adjust position of menu's
          if (VIP_subMenu[j].style && VIP_subMenu[j].parentNode.style && VIP_subMenu[j].parentNode.nodeType == 1)
          {
            //VIP_subMenu[j].parentNode.style.left = (Math.round((document.body.clientWidth / 2)) - 432 + (n*90)) + "px";
            VIP_subMenu[j].parentNode.style.marginLeft = "-"+(n*submenu_shift)+"px";
          }
        }
      }
      n++;
    }
  }
}

function VIP_showMenu(item)
{
  if (VIP_aMenu != null)
  {
    VIP_hideMenu(VIP_aMenu);
  }
  clearTimeout(VIP_menuTimer);
  item.className += " do_hover";
  VIP_aMenu = item;
}

function VIP_hideMenu(item)
{
  item.className = item.className.replace(new RegExp("do_hover\\b"), "");
}

function VIP_showBaseMenu()
{
  if (VIP_baseMenu)
  {
    VIP_showMenu(VIP_baseMenu);
  }
}

function VIP_showSub(item)
{
  if (VIP_aSubMenu != null)
  {
    VIP_hideSub();
  }
  if (VIP_subMenuTimer)
  {
    clearTimeout(VIP_subMenuTimer);
  }
  item.className += " do_hover";
  VIP_aSubMenu = item;
}

function VIP_hideSub()
{
  if (VIP_aSubMenu != null)
  {
    VIP_aSubMenu.className = VIP_aSubMenu.className.replace(new RegExp("do_hover\\b"), "");
    VIP_aSubMenu = null;
  }
}