function addPortfolioNav()
{
	var html=	'<div id="portfolioDopNav">'
				+'<h1>Отображать работы:</h1>'
				+'<p class="active"><a href="#" onclick="showPortfolioItem(\'.portfolioBigImg\',this);return false;">прямоугольниками</a></p>'
				+'<p><a href="#" onclick="showPortfolioItem(\'.portfolioSmallImg\',this);return false;">квадратиками</a></p>'
				+'<p><a href="#" onclick="showPortfolioItem(\'.portfolioNameItem\',this);return false;">списком</a></p>'
				+'</div>';

	$('#right').prepend(html);
}

var current='.portfolioBigImg';
var portfolioItemSet=new Array('.portfolioBigImg','.portfolioSmallImg','.portfolioNameItem');

function designPortfolioItem()
{
	for(var i=0; i<portfolioItemSet.length; i++)
	{
		if(current==portfolioItemSet[i]) continue;
		$(portfolioItemSet[i]).fadeTo(10,0);
	}
}

WBJSLoader.add('designPortfolioItem()');

function showPortfolioItem(id,obj)
{
	if(current==id) return false;

	$('#portfolioDopNav p').removeClass('active');
	$(obj).parent().addClass('active');

	$(current).fadeTo(500,0,function()
									{
										$(this).css('display','none');
										$(id).css('display','block');
										current=id;
										$(id).fadeTo(500,1);
									}
					);
}