//Funciones Generales JQuery

$(document).ready(function(){
	
	//esconder div de contenidos
	$('.img_float_right, .products_logo, #photo_office, #msj_navidad').hide();
	
	//ejecutar fade in
	$('#photo_office').fadeIn(1200);
	$('.img_float_right').fadeIn(1200);
	$('.products_logo').fadeIn(1000);
	
	
	//ejecutar slide down para div de contenidos
	$('#msj_navidad').slideDown(700);
	
	//ejecutar fade in / fade out para thumbnails galerķas
	$(".gal_img").fadeTo("normal", 0.6);
	$(".gal_img").hover(function(){
		$(this).fadeTo("normal", 1.0);
	},function(){
		$(this).fadeTo("normal", 0.6);
	});		
	
});



$(document).ready(function() {
 
	$(".tab_content").hide(); //esconde todos los contenidos
	$("ul.tabs li:first").addClass("active").show(); //activa el primer tab
	$(".tab_content:first").show(); //muestra el contenido del primer tab
	
	//evento onClick
	$("ul.tabs li").click(function() {
		$("ul.tabs li").removeClass("active"); //remueve cualquier clase "active"
		$(this).addClass("active"); //agrega la clase "active"Add "active" al tab seleccionado
		$(".tab_content").hide(); //esconde todo el contenido del tab
		var activeTab = $(this).find("a").attr("href"); //encuentra el valor del atributo rel para identificar el tab + contenido activo
		$(activeTab).fadeIn(); //Fade in en el contenido activo
		return false;
	});
 
});