var show_prog = false;
var hide_prog = false;

function showPiece(ele) {

	show_prog = true;
	
	ele.parent().addClass('open');
	
	$('html,body').animate({ scrollTop: $('#work').offset().top - 20 }, { duration: '200', easing: 'linear'});
	
	ele.slideDown('200', function() {
		show_prog = false;
		if (!hide_prog) {
			resetThis();
		}
	});
	
}

function hidePiece(ele) {

	hide_prog = true;
	
	ele.slideUp('200', function() {
		ele.removeAttr('style');
		ele.parent().removeAttr('class');
		hide_prog = false;
		if (!show_prog) {
			resetThis();
		}
	});
	
}

function resetThis() {

	var cut = $('#work').html();
	$('#work').html(cut);

}

$(document).ready(function() {
	
	// ACTIVATE THE JAVASCRIPTISM
	$('body').addClass('has-js');
	
	$('h3').live('click', function() {
	
		var ele = $(this).parent().children('article');
		
		if (ele.is(':visible')) {
			
			hidePiece(ele);
		
		} else {		
			
			hidePiece($('.open article'));	
			showPiece(ele);
			
		}
	
	});
	
	resetThis();
	
});