//IMPORTANTE, lo SIguiente anima el EasyTooltip
$(document).ready(function(){	
	$("acronym#seo").easyTooltip({
		tooltipId: "desplegar",
		content: '<div style="max-width: 350px; padding: 10px;color: #dde2de;font-family:Arial, Helvetica, sans-serif;font-size: 1.2em;background-color: #000;background-image: url(fotos/informacion.png);background-position: left center;background-repeat:no-repeat;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;-khtml-opacity: 0.85;-moz-opacity: 0.85;opacity: 0.85;"><div class="borde" style="border: #dde2de solid 1px; margin: 10px; padding-left:70px; padding-right: 5px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;"><h4 style="color: #dde2de;">Search Engine Optimization</h4></p>&laquo;Optimización para motores de búsqueda&raquo;. Posicionamiento orgánico en buscadores</p></div></div>'
	});
	$("acronym#sem").easyTooltip({
		tooltipId: "desplegar",
		content: '<div style="max-width: 350px; padding: 10px;color: #dde2de;font-family:Arial, Helvetica, sans-serif;font-size: 1.2em;background-color: #000;background-image: url(fotos/informacion.png);background-position: left center;background-repeat:no-repeat;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;-khtml-opacity: 0.85;-moz-opacity: 0.85;opacity: 0.85;"><div class="borde" style="border: #dde2de solid 1px; margin: 10px; padding-left:70px; padding-right: 5px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;"><h4 style="color: #dde2de;">Search Engine Marketing</h4></p>&laquo;Mercadotécnia para motores de búsqueda&raquo;. Posicionamiento &laquo;de pago&raquo; en buscadores</p></div></div>'
	});
	$("acronym#lms").easyTooltip({
		tooltipId: "desplegar",
		content: '<div style="max-width: 350px; padding: 10px;color: #dde2de;font-family:Arial, Helvetica, sans-serif;font-size: 1.2em;background-color: #000;background-image: url(fotos/informacion.png);background-position: left center;background-repeat:no-repeat;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;-khtml-opacity: 0.85;-moz-opacity: 0.85;opacity: 0.85;"><div class="borde" style="border: #dde2de solid 1px; margin: 10px; padding-left:70px; padding-right: 5px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;"><h4 style="color: #dde2de;">Learning Management System</h4></p>&laquo;Sistema de gestión de aprendizaje&raquo;. Se trata de plataformas desarrolladas para gestionar todo tipo de cursos en línea de forma que tanto alumno como profesor tengan herramientas similares a las de un curso presencial y puedan, de esa forma, sacar el máximo provecho al aprendizaje.</p></div></div>'
	});
});

//MENU PRINCIPAL: INTENTO DE ROLLOVER --------------------------------------------------------------------------------------------------------------------
$(function(){
	$('#menuFondo  a')
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -250px)"}, {duration:250})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:250})
		})
});
			
//la siguiente sentencia activa el menú desplegable  superfish -------------------------------------------------------------------------------------------------------
$(document).ready(function() { 
	$('ul.sf-menu').superfish(); 
});

//EFECTO FADED --------------------------------------------------------------------------------------------------------------
$(function(){
	$("#faded").faded({
		speed: 400,
		crossfade: false,			
		sequentialloading: true,
		autoplay: 8000	});
		$("#faded li img").show();
});