$(window).load(function() {
    $('ul.accordion').accordion();
	
	$('#slider').nivoSlider({
		effect:'fade',
		startSlide:0,
		directionNav:true,
		directionNavHide:true,
		controlNav:false 	
	    });
	
    
	$(".tab_content").hide(); //Esconde todo el contenido
	$("ul.tabs li:first").addClass("active").show(); //Activa la primera tab
	$(".tab_content:first").show(); //Muestra el contenido de la primera tab
	$("ul.tabs li").click( function() {
		$("ul.tabs li").removeClass("active"); //Elimina las <a title="clases" href="http://www.cssblog.es/css-el-atributo-class/">clases</a> activas
		$(this).addClass("active"); //Agrega la clase activa a la tab seleccionada
		$(".tab_content").hide(); //Esconde todo el contenido de la tab
		var activeTab = $(this).find("a").attr("href"); //Encuentra el valor del atributo href para identificar la tab activa + el contenido
		$(activeTab).fadeIn(); //Agrega efecto de transición (fade) en el contenido activo
		return false;
	});
});