var pf_num = 1;

portfolioChangeMenu(1);
if ( $('#portfolio_2').length != 0) $('section menu').show();
// hide all items except first
while ($('#portfolio_'+(++pf_num)).length != 0) {
	$('#portfolio_'+pf_num).hide();	
	$('#portfolio_'+pf_num+' img').hide();	
	$('#portfolio_'+pf_num+' h2').hide();	
} ;

pf_num = 1;

function portfolioChange(nextprev){
	var time=300;
	$('#portfolio_'+pf_num+' img').fadeOut(time);
	$('#portfolio_'+pf_num+' h2').fadeOut(time,function() {
		$('#portfolio_'+pf_num).hide();	
		if (nextprev=='next') {
			if ( $('#portfolio_'+(++pf_num)).length == 0) pf_num=1;
		}
		if (nextprev=='prev') {
			pf_num--;
			if(pf_num<1){
				while ( $('#portfolio_'+(++pf_num)).length != 0);
				if (--pf_num < 1) pf_num=1;
			};
		};
		portfolioChangeMenu(pf_num);
				
		$('#portfolio_'+pf_num).show();		
		$('#portfolio_'+pf_num+' img').fadeIn(time);
		$('#portfolio_'+pf_num+' h2').fadeIn(time);
	});
	
}

function portfolioChangeMenu(num){
	num2=num-1;
	if ( $('#portfolio_'+(++num)).length == 0) num=1;
	text_str = $('#portfolio_'+num+' h2 strong').html();
	$('#portfolio_next h2').text(text_str);
	
	if(num2<1){
		while ( $('#portfolio_'+(++num2)).length != 0);
		if (--num2 < 1) num2=1;
	};

	text_str = $('#portfolio_'+num2+' h2 strong').html();
	$('#portfolio_prev h2').text(text_str);
}


$('.stage').click(function() {
	portfolioChange('next');
});
$('#portfolio_next').click(function() {
	portfolioChange('next');
});
$('#portfolio_prev').click(function() {
	portfolioChange('prev');
});


$('html').keyup(function(e) {
	if(!e) e = window.event;
	if(e.keyCode == 39) portfolioChange('next');
	if(e.keyCode == 37) portfolioChange('prev');
});