//here you place the ids of every element you want.
var contentIds=new Array('content01','content02','content03','content04','content05');
var actualId = contentIds[0];



function switchid(id){	
	if (actualId != id) {		
		hideallids();
		showdiv(id); 
	}	
	actualId = id; // this var requires reseting while browsing main content: logo and www projects
}

function hideallids(){
	//loop through the array and hide each element by id
	for (var i = 0 ; i < contentIds.length; i++){
		hidediv(contentIds[i]);
	}		  
}

function hidediv(id) {
	$("#" + id).animate({ opacity: "hide" }, "slow");
	
}

function showdiv(id) {
	//alert($(this).value);
	//$("#" + contentMenu + " ul li").children().addClass("normal");
	//$("#" + contentMenu + " ul li a").click( function () { $(this).addClass("selected"); });
	//$(contentMenu).addClass("selected");
	//$("#" + contentMenu + " ul li a").this.addClass("selected");
	
	$("#" + id).animate({ opacity: "show" }, "slow");
	
}