// GALLERY
$(document).ready(function(){
	//Click an image
	$('#gallery > ul > li').each(function(){
		var liName = '#' + $(this).attr('id');
		$(liName).click(function() {
			showBig(liName);
		});
	});
	
	//CLOSE LIGHTBOX
	$('#black, #close').click(function(){
		$('#black').hide();
		$('.active_piece').removeClass('active_piece');
		$('.gallery_piece').hide();
		$('.piece').hide();
	});
	
	//BUTTONS
	var last = $('.piece').filter(":last").attr('id');
	var lastPiece = "#" + last;
	var first = $('.piece').filter(":first").attr('id');
	var firstPiece = "#" + first;
	//next button
	$('#next').click(function(){
		if($('.active_piece').attr('id') == last){
			$('.active_piece').hide().removeClass('active_piece');
			$(firstPiece).addClass('active_piece').show();
		}
		else{
			$('.active_piece').hide().removeClass('active_piece').next().addClass('active_piece').show();
		}
	});
	
	//back button
	$('#back').click(function(){
		if($('.active_piece').attr('id') == first){
			$('.active_piece').hide().removeClass('active_piece');
			$(lastPiece).addClass('active_piece').show();
		}
		else{
			$('.active_piece').hide().removeClass('active_piece').prev().addClass('active_piece').show();
		}
	});
});


	
function showBig(element){
	var e = element + '_project';
	$('.piece').hide()
	$('#black').show();
	$('.gallery_piece').fadeIn('fast', function(){
		$(e).show();
		$(e).addClass('active_piece');
	});	
};