$(document).ready(function() { 
	
	// Work tips
	$('DIV.showcase DIV.shadow > A, DIV.showcase DIV.shadow2 > A').tipsy();
	
	// Showcase items gray scale.
	$("DIV.showcase DIV.item").mouseover(function() { $(this).css('backgroundPosition',  "0px -113px"); return false; });
	$("DIV.showcase DIV.item").mouseout(function() { $(this).css('backgroundPosition',  "0px 0px"); return false;});
	
	// View work showcase.
	$("DIV.button").click(function() {
		
		if( $(this).hasClass("collapsed") ) {
		
			$(this).removeClass("collapsed").addClass("expanded");
			
			if( $(this).parent().hasClass("webDesignCollapsed") ) {
			
				// Remember we are viewing web designs.
				 $.cookie('our_work_section', 'websites', { path: '/', expires: 1 });
			
				$(this).parent().removeClass("webDesignCollapsed").addClass("webDesignExpanded");
				$("DIV.cardDesignExpanded").removeClass("cardDesignExpanded").addClass("cardDesignCollapsed").find("DIV.button").removeClass("expanded").addClass("collapsed");
				$("DIV.logoDesignExpanded").removeClass("logoDesignExpanded").addClass("logoDesignCollapsed").find("DIV.button").removeClass("expanded").addClass("collapsed");
				$("DIV.webDesignWork").parent().slideDown("slow");
				$("DIV.logoDesignWork").parent().slideUp("slow");
				$("DIV.cardDesignWork").parent().slideUp("slow");
			}
			if( $(this).parent().hasClass("logoDesignCollapsed") ) {
			
				// Remember we are viewing logo designs.
				 $.cookie('our_work_section', 'logos', { path: '/', expires: 1 });
				 
				$(this).parent().removeClass("logoDesignCollapsed").addClass("logoDesignExpanded");
				$("DIV.webDesignExpanded").removeClass("webDesignExpanded").addClass("webDesignCollapsed").find("DIV.button").removeClass("expanded").addClass("collapsed");
				$("DIV.cardDesignExpanded").removeClass("cardDesignExpanded").addClass("cardDesignCollapsed").find("DIV.button").removeClass("expanded").addClass("collapsed");
				$("DIV.logoDesignWork").parent().slideDown("slow");
				$("DIV.webDesignWork").parent().slideUp("slow");
				$("DIV.cardDesignWork").parent().slideUp("slow");
			}
			if( $(this).parent().hasClass("cardDesignCollapsed") )  {
			
				// Remember we are viewing card designs.
				 $.cookie('our_work_section', 'cards', { path: '/', expires: 1 });
			
				$(this).parent().removeClass("cardDesignCollapsed").addClass("cardDesignExpanded");
				$("DIV.webDesignExpanded").removeClass("webDesignExpanded").addClass("webDesignCollapsed").find("DIV.button").removeClass("expanded").addClass("collapsed");
				$("DIV.logoDesignExpanded").removeClass("logoDesignExpanded").addClass("logoDesignCollapsed").find("DIV.button").removeClass("expanded").addClass("collapsed");
				$("DIV.cardDesignWork").parent().slideDown("slow");
				$("DIV.webDesignWork").parent().slideUp("slow");
				$("DIV.logoDesignWork").parent().slideUp("slow");
			}
			
		}else{
		
			// Clear current section cookie.
			$.cookie('our_work_section', 'webDesign', { path: '/', expires: -1 });
		
			$(this).removeClass("expanded").addClass("collapsed");
			
			if( $(this).parent().hasClass("webDesignExpanded") ) {
				$(this).parent().removeClass("webDesignExpanded").addClass("webDesignCollapsed");
				$("DIV.webDesignWork").parent().slideUp("slow");
			}
			if( $(this).parent().hasClass("logoDesignExpanded") ) {
				$(this).parent().removeClass("logoDesignExpanded").addClass("logoDesignCollapsed");
				$("DIV.logoDesignWork").parent().slideUp("slow");
			}
			if( $(this).parent().hasClass("cardDesignExpanded") )  {
				$(this).parent().removeClass("cardDesignExpanded").addClass("cardDesignCollapsed");
				$("DIV.cardDesignWork").parent().slideUp("slow");
			}
			
		}
		
		return false;
		
	});

});