$(document).ready(function(){
	$('.PortfolioBlock').click(
		function(){
			var first = true;
			$('.PortfolioBlock').each(function(){if ( $(this).hasClass('active') ) { first = false; }})
			
			if ( first )
			{
				// Global moving
				$(this).addClass('active');
				$('.PortfolioList').css('position','absolute').css('left','440px');
				$('.PortfolioList').addClass('Left');
				$('#Return').show();
				$('.Homepage').fadeOut(300);
				$('.PortfolioList').animate({left: '0px'},500,'swing',function(){$('.PortfolioList').css('position','relative');$('.PortfolioImage').fadeIn(200);});
			}
			else
			{
				$('.PortfolioBlock.active').removeClass('active');
				$(this).addClass('active');
			}
			showPortfolio(this);
		});
	$('#Return a').click(
		function(){
			// Global moving
			$('.PortfolioImage').fadeOut(300);
			$('.PortfolioBlock.active').removeClass('active');
			$('.Homepage').fadeIn(500);
			$('.PortfolioList').css('position','absolute').css('left','100px');
			$('#Return').hide();
			$('.PortfolioList').animate({left: '540px'},500,'swing',function(){$('.PortfolioList').removeClass('Left').css('position','relative').css('left','0px');});
		});
	$('.PortfolioSerie li img, .PortfolioNext').click(function(){PfNext()});
	
	$('#CommingSoon').click(function(){
		$('.Dolist').toggle(300);
	});
	$('.DolistClose').click(function(){$('.Dolist').hide(300);});
	$('.PortfolioSerie li, .PortfolioNext').mouseover(function(){$('.PortfolioNext a').css('display','block');});
	$('.PortfolioSerie li, .PortfolioNext').mouseout(function(){$('.PortfolioNext a').css('display','none');});
});

PfNext = function(){
	if ($('.PortfolioSerie.'+id+' li').length > 1)
	{
		classes = $('.PortfolioBlock.active').attr('class').split(new RegExp(" ","g"));
		$(classes).each(function(){ if (this.match(new RegExp("Pf([0-9]+)","g"))) id = this;});
		
		// Total heigth
		if ( $('.PortfolioSerie.'+id+' li.active + li').length > 0 )
		{
			next = $('.PortfolioSerie.'+id+' li.active + li:first');
			$('.PortfolioSerie.'+id+' li.active').css('top','0px');
			$('.PortfolioSerie.'+id+' li.active').animate({'top': '-520px'},300,'linear');
			$('.PortfolioSerie.'+id+' li.active + li:first').css('top','520px');
			$('.PortfolioSerie.'+id+' li.active + li:first').animate({'top': '0px'},300,'linear');
			$('.PortfolioSerie.'+id+' li.active + li:first').addClass('active');
			$('.PortfolioSerie.'+id+' li.active:first').removeClass('active');
		}
		else
		{
			$('.PortfolioSerie.'+id+' li.active').css('top','0px');
			$('.PortfolioSerie.'+id+' li.active').animate({'top': '520px'},300,'linear');
			$('.PortfolioSerie.'+id+' li:first').css('top','-520px');
			$('.PortfolioSerie.'+id+' li:first').animate({'top': '0px'},300,'linear');
			$('.PortfolioSerie.'+id+' li.active').removeClass('active');
			$('.PortfolioSerie.'+id+' li:first').addClass('active');
		}
	}
}

showPortfolio = function(element){
	classes = $(element).attr('class').split(new RegExp(" ","g"));
	$(classes).each(function(){ if (this.match(new RegExp("Pf([0-9]+)","g"))) id = this;});
	
	$('.PortfolioSerie').css('display','none');
	$('.PortfolioSerie.'+id).fadeIn(200);
	
	// "Next" button calculation
	$('.PortfolioNext').css('display','none');
	if ($('.PortfolioSerie.'+id+' li').length > 1)
	{
		$('.PortfolioNext').css('display','block');
		$('.PortfolioSerie.'+id+' li').css('top','520px');
		$('.PortfolioSerie.'+id+' li:first').css('top','0px');
	}
		
	$('.PortfolioSerie.'+id+' li:first').addClass('active');
}