function show_werker(){
	if( ie_fallback )
	{
		// code for IE 8 & earlier
		
		$(this).find(".slideout").stop();
		$('.werker').not(this).css( 'z-index', 10 );
		$(this).css( 'z-index', 50 );

		$(this).find(".slideout").animate({
			width: '350px',
			'z-index': 40,
			opacity: 1
		}, 500, function(){
			//$(this).find(".slideout").css( 'z-index', 20 );
		});
		
		$('.werker').stop();
		$(this).css( 'opacity', '1.0' );
		$('.werker').not(this).css( 'opacity', 0.4 );
	}
	else
	{
		// code for sane browsers
		
		$(this).find(".slideout").stop();
		$('.werker').not(this).css( 'z-index', 10 );
		$(this).css( 'z-index', 50 );
		$(this).find(".slideout").animate({
			width: '350px',
			opacity: 1,
			'z-index': 40
		}, 500, function(){
			//$(this).find(".slideout").css( 'z-index', 20 );
		});
		
		$('.werker').stop();
		$(this).css( 'opacity', '1.0' );
		$('.werker').not(this).animate({
			opacity: 0.4
		}, 500, function(){
			//$('.werker').not(this).css( 'opacity', 0.4 );
		});
	}
}

function hide_werker(){
	if( ie_fallback )
	{
		// code for IE 8 & earlier
		
		$(this).find(".slideout").stop();
		$(this).find(".slideout").animate({
			width: '1px',
			opacity: 0
		}, 300, function(){
			$(this).find(".slideout").css( 'z-index', 1 );
			$(this).css( 'opacity', 0 );
		});
		
		$('.werker').stop();
		//$('.werker').css( 'opacity', 1 );
	}
	else
	{
		// code for sane browsers
		
		$(this).find(".slideout").stop();
		$(this).find(".slideout").animate({
			width: '1px',
			opacity: 0
		}, 300, function(){
			$(this).find(".slideout").css( 'z-index', 1 );
		});
		
		$('.werker').stop();
		$('.werker').animate({
			opacity: 1
		});
	}
}

$(document).ready(function() {
	$('.werker').bind( 'mouseover', show_werker );
	$('.werker').bind( 'mouseout', hide_werker );
});