$j = jQuery.noConflict();
var enters_uitklap = new Array();
var enters_inklap = new Array();
var uitgeklapt = new Array();
	

$j(document).ready(function(){
	/*$j(".header-visual > div > div[class='uitklap']").hide();
	$j(".header-visual > div").each(function(){
		// get names
		classname = $j(this).attr('class').split("_");
		classname.shift();
		// set the used vars
		enters_uitklap[classname] = false;
		enters_inklap[classname] = false;
		uitgeklapt[classname] = false;
		
		// load the actions
		uitklapInfo(classname);
	});*/
});

// function to bind the events.
function uitklapInfo(blokname)
{
	$j('.blok_'+blokname+' .uitklap').mouseenter(function(){enters_uitklap[blokname]  = true;enters_inklap[blokname] = false;});
	$j('.blok_'+blokname+' .banner').mouseenter(function(){enters_inklap[blokname] = true;});
	$j('.blok_'+blokname+' .banner').hover(function(){
		setTimeout('uitklap_func("'+blokname+'")',10);
	},function(){
		enters_inklap[blokname] = false;
		setTimeout('inklap_func("'+blokname+'")',10);
	});
}

function uitklap_func(blokname){
	if(!uitgeklapt[blokname] && enters_inklap[blokname] == true){
		$j('.blok_'+blokname+' .uitklap').show().css('height',36).animate({height:180},{duration: 300}).mouseleave(function(){
			enters_uitklap[blokname] = false;
			setTimeout('inklap_func("'+blokname+'")',15);
		});
		uitgeklapt[blokname]=true;
	}
}
function inklap_func (blokname){
	
	if (uitgeklapt[blokname] && (enters_uitklap[blokname] == false && enters_inklap[blokname] == false))
	{
		$j('.blok_'+blokname+' .uitklap').slideUp('normal',function(){
			uitgeklapt[blokname]=false;
			// unbind events
			$j('.blok_'+blokname+' .uitklap').unbind('mouseleave');
		});
		enters_uitklap[blokname] = false; enters_inklap[blokname] = false;
	}
}