// JavaScript Document

$(document).ready(function() {
	$('div.hidden').hide();
	$('div.thumbnail').add('div.thumbnailLast').hover(function() {
     	var hiddenDiv=$(this).find('div.hidden');
        $(hiddenDiv).css('opacity', .96);
     	$(hiddenDiv).slideDown('fast', function () {
	});
    return false;
	}, function () {
		var hidden=$(this).find('div.hidden');
		$(hidden).slideUp('fast');
	});
	
	//filter case studies by sector
	$('#intro li a').click(function () {
		//first, set the vars

		var theTitle=$(this).attr('title');
		var activeThumbs=$('div.thumbnail[class*='+theTitle+']');
		var inActiveThumbs=$('div.thumbnail[class!='+theTitle+']');
		var lastThumb=$('div.thumbnail[class!='+theTitle+']:first');
		var t2=$('div.thumbnail').not('[class*=theTitle]');
		
		$('#intro li a').each(function() {
			$(this).removeClass('selected');
		});
		$(this).addClass('selected');
		
		//now do the animations
		inActiveThumbs
			//.animate({opacity: .8}, 'fast')
			.css({'background-image': 'url(/images/bkgd_thumbnail.gif)', backgroundColor: '#ffffff'});
			//.css('opacity', .5);

		activeThumbs
			.animate({opacity: 1}, 'fast')
			//.css({'background-color':'#333333', 'background-image': 'none'})
			.css({backgroundImage: 'url(/images/bkgd_thumbnail_active.gif)', backgroundColor: '#eeeeee'})
			.insertBefore(lastThumb);
			//'background-image': 'url(/images/bkgd_thumbnail_active.gif)', 
		
		//cancel default action
		return false;
		});
});