$(document).ready(function(){

	ocultarTodo();
	ocultarConts();
	$("#contArea1").show();
	
	$("#contBtn1").click(function(){
		ocultarConts();
		$("#contArea1").show();
	});
	$("#contBtn2").click(function(){
		ocultarConts();
		$("#contArea2").show();
	});
	$("#contBtn3").click(function(){
		ocultarConts();
		$("#contArea3").show();
	});
	
	
	$("#btn0").mouseover(function(){
		slideUpTodo();
		resetCSS();
	});
	$("#btn0").mouseout(function(){resetCSS();});
	$("#btn1").mouseover(function(){
		ocultarTodo();
		$("#sub1").slideDown("fast");
	});
	$("#btn2").mouseover(function(){
		ocultarTodo();
		$("#sub2").slideDown("fast");
	});
	$("#btn3").mouseover(function(){
		ocultarTodo();
		$("#sub3").slideDown("fast");
	});
	$("#btn4").mouseover(function(){
		ocultarTodo();
		$("#sub4").slideDown("fast");
	});
	$("#btn5").mouseover(function(){
		ocultarTodo();
		$("#sub5").slideDown("fast");
	});
	$("#btn6").mouseover(function(){
		ocultarTodo();
		$("#sub6").slideDown("fast");
	});
	$("#btn5").mouseout(function(){resetCSS();});
	$("#btn6").mouseout(function(){resetCSS();});
	
	function ocultarTodo() {
		$(".subBtnCont").hide();
	}
	function ocultarConts() {
		$(".contArea").hide();
	}
	function slideUpTodo() {
		$(".subBtnCont").slideUp("fast");
	}
	function resetCSS() {

	}
	
});