var MainMenuIdActive='';
var MainMenuTimer=null;


$(document).ready(function(){
	Cufon.replace('h1');
	Cufon.replace('h2');
	Cufon.replace('h3');
	Cufon.replace('h4');
	Cufon.replace('#main-navigation > li > a')


/*hoofdmenu uitklap*/
  $("li.haskids").mouseover(function()  {
  	
  	
  	
    var self = $(this);
		
    curMenuIdActive=self.attr('id');

    clearTimeout(MainMenuTimer);

    if(curMenuIdActive!=MainMenuIdActive)
    {
      if(MainMenuIdActive!='' && curMenuIdActive!=MainMenuIdActive)
      {//vorige menu inklappen
        $('#'+MainMenuIdActive).removeClass("showsub");
        $('#'+MainMenuIdActive+' .sub-navigation').slideUp("fast");
      }

 	    if(!self.hasClass("showsub"))
	    {
	     self.addClass("showsub");
        $(".sub-navigation",this).fadeIn("fast");
      }
    }

    MainMenuIdActive=curMenuIdActive;

  });


  $("li.haskids div.sub-navigation, li.haskids ul").mouseover(function()
  {
    clearTimeout(MainMenuTimer);
  });

  $("li.haskids").mouseout(function()
  {
    var self = $(this);

    if(MainMenuIdActive==self.attr('id'))
    {

      self.removeClass("showsub");
      MainMenuTimer=window.setTimeout(function()
      {
        if(!self.hasClass("showsub"))
        {
          $(".sub-navigation",self).slideUp("fast");
          if(self.attr('id')==MainMenuIdActive) MainMenuIdActive='';
        }
      },800);
    }
  });


  $('#zoekform input.zoekveld').focus(function(){
    $(this).css('color','#333');
  });

  $('#zoekform input.zoekveld').blur(function(){
    $(this).css('color','#ccc');
  });

	$("a.fancybox").fancybox({
		'width'				: '75%',
		'height'			: '75%',
        'autoScale'     	: false,
		'type'				: 'iframe'
	});
	
	var id = null;
  
	$('.portfolio').mouseover(function() {
		
		var old_id = id;
		id = $(this).attr('id');
		
		$('#'+id).addClass('hover');
		$('#img_'+id).css('z-index','999');
		if (old_id != null) {
			$('#img_'+old_id).css('z-index','1');
			$('#'+old_id).removeClass('hover');
		}
						
		$('#img_'+id).fadeIn(400,function() {
			
			if (old_id != null)
				$('#img_'+old_id).hide();
		});
		
	});
  
  	$('#right-holder').mouseleave(function() {
		
  		if (id != null) {
  			
  			$('#'+id).removeClass('hover');
  			
  			$('#img_'+id).fadeOut(400, function() {
  				$('#img_'+id).css('z-index','1');
  				id = null;
  			});
  		}
			
	});
  
});