$('.Directors').slideUp(1);
$('.Directors:first').slideDown(1);

$('.fr a').css({
	'float':'left',
	'display':'block' 
})

var imgSrc = $('.fr a:first img').attr('src');
if(imgSrc)
	$('.fr a:first img').attr('src', imgSrc.replace(/thumb/, 'thb_h'));
	
$('.fr a:first').addClass('activeThumb');

$('.fr a').mouseover(function() {
	var src = $('img', this).attr('src');
	if(src)
		$('img', this).attr('src', src.replace(/thumb/, 'thb_h'));
		
}).mouseout(function() {
	if(!$(this).hasClass('activeThumb')) {
		var src = $('img', this).attr('src');
		if(src)
			$('img', this).attr('src', src.replace(/thb_h/, 'thumb'));
	}
}).click(function() {
	var src = $('a.activeThumb img').attr('src');
	if(src)
		$('a.activeThumb img').attr('src', src.replace(/thb_h/, 'thumb'));
		
	$('.Directors').slideUp(1);
	$('#' + $(this).attr('rel')).slideDown('fast');
	$('a.activeThumb').removeClass('activeThumb');
	$(this).addClass('activeThumb');
	var newSrc = $('a.activeThumb img').attr('src');
	if(newSrc)
		$('a.activeThumb img').attr('src', newSrc.replace(/thumb/, 'thb_h'));
		
});