$(document).ready(function()
{
	
  //$("#mouseover").css('height', $(document).height());
  var nulpunt = ($(document).width() - 950)/2;
  $("#mouseover").css('left',nulpunt+100);
  var eleOffset = 0;
  var test = 0;
 
  //click tab
  $("#strip div.thumb").mouseover(function()
  {
	$(this).addClass("active"); 
  });	
  
  
  //click tab
  $("#strip div.thumb").mouseout(function()
  {
	$(this).removeClass("active"); 
  });
 
 
  //click tab
  $("#tab").click(function()
  {
    	$("#flap_content").toggle(150);
		    
  });
  

	$("#menu a").mouseover(function()
    {
		  
		setHighlight(this);

	});
	
	
	$("#menu a").mouseout(function()
    {
		clearTimeout(test);	
		if($(this).attr("class") == 'selected'){
			$(this).css('color','#00aeef');
		}
		else {
			$(this).css('color','black');
		}
		$("#mouseover").hide();
		
	});
	
	
	function setHighlight(obj) {
		
		 test = setTimeout(function() { 
		      $("#mouseover").toggle();
			  $(obj).css('color','white');
		    }, 130); 
		eleOffset = $(obj).offset();
  		$("#mouseover").css('left',eleOffset.left);
		$("#mouseover").css('width',$(obj).width());
		
		 
		
		
	}
	
 
  
});