$(document).ready(function(){

	$('.item-wrapper').hide();
	$('.group').addClass('closed');

	$('.group h2').click(function() 
	{
		var $this = $(this);
		var x = $this.attr("className");
		var px = $this.parent().attr("className")
		if (px == 'group closed')
		{
			$('.item-wrapper.' + x).slideToggle(400).parent("div.group").addClass('open').removeClass('closed');
		}
		else
    	{
    		$('.item-wrapper.' + x).slideToggle(400).parent("div.group").addClass('closed').removeClass('open');
    	}
	});
	

	$("#projects-list, #project-list").hide();

	$('#toggle-grid').append('<p id="trigger"><a href="#" class="closed"><span>Show all projects</span></a></p>');
	
	var Toggled=true;
	 
	$('p#trigger').click(function(){
		if(Toggled==false){$('p#trigger').html('<a href="#" class="closed"><span>Show all projects</span></a>'); Toggled=true;} 
		else{$('p#trigger').html('<a href="#" class="open"><span>Show all projects</span></a>');Toggled=false;} 
		$("#project-list").slideToggle(400); 
		return false; 
	});
	
	
	$("#work-feature .item h3 a, #sidebar .item.project h3 a").bigTarget({
    hoverClass: 'over', // CSS class applied to the click zone onHover
    clickZone : 'div:eq(0)' // jQuery parent selector
  	});
	
	
});