function showContent(el){
	id = el.id;
	id = id.substr(1);
	showID(id);
}

function showID(id){
	for(i = 0; i < contents.length; i++){
		if((i+1) == id){
			contents[i].style.display = "block";
			contents[i].fade('in');
			currentClass = titles[i].get("class");
			titles[i].set("class", currentClass+" active");
		}
		else{
			contents[i].fade('hide');
			contents[i].style.display = "none";
			titles[i].set("class", "title");
		}
	}
}

window.addEvent('domready', function() {
	titles = $('titles_cont').getElements("div.title");
	contents = $('contents_cont').getElements("div.content");
	for(i = 0; i < contents.length; i++){
		contents[i].fade('hide');
		contents[i].style.display = "none";
	}
	showID(1);
});