var current=0;
var container, position;
$(document).ready(function(){
	
	if(($("#portfolioRight").size())>0){
	container="Right";
	position="Left";
	}else{
		container="Bottom";
		position="Top";
	}
	var linkArray=new Array();
	$(document).find("#portfolio" + position +" div").each(function(i){
		linkArray.push(i);
		$(this).mouseover(function(){$(this).addClass("active")});
		$(this).mouseout(function(){$(this).removeClass("active")});													  
		$(this).bind("click",function(e){
			e.preventDefault()
			slidePortfolio(linkArray[i])
		})
	});
});

function slidePortfolio(div){
	$(document).find("#portfolio" + position +" div").each(function(i){
		$(this).removeClass("active");
		$(this).removeClass("selected");
		if(div==i) $(this).addClass("selected");
	});
	query=String("#portfolio" + container +" div:eq("+parseInt(div)+")")
	queryOld=String("#portfolio" + container +" div:eq("+parseInt(current)+")")
	$(document).find(queryOld).fadeOut("fast",function(){
		$(document).find(query).fadeIn("fast");
		current=div;
	});
	
}