$(document).ready(function(){
	//boton de principal
	$("#principal").hover(function(){
		setear("Haga cl&iacute;c para ir a la <b>P&aacute;gina Principal</b>", "home");
	},function(){
		restaurar();
	});

	//boton de correo
	$("#correo").hover(function(){
		setear("Haga cl&iacute;c si desea revisar el <b>Correo Electr&oacute;nico</b>", "correo");
	},
	function(){
		restaurar();
	});

	//boton de requerimiento
	$("#requerimiento").hover(function(){
		setear("Haga cl&iacute;c si desea revisar los <b>Requerimientos a Sistemas</b>", "requerimiento");
	},function(){
		restaurar();
	});
	
	//boton de requerimiento
	$("#indicador").hover(function(){
		setear("Haga cl&iacute;c si desea revisar los <b>Indicadores</b>", "indicador");
	},function(){
		restaurar();
	});

	//boton de cambio de password
	$("#cambiar_password").hover(function(){
		setear("Haga cl&iacute;c si desea cambiar su <b>Contrase&ntilde;a de Correo Electr&oacute;nico</b>", "password");
	},function(){
		restaurar();
	});

	//boton de cambio de password
	$("#online").hover(function(){
		setear("Haga cl&iacute;c si desea pagar su <b>factura On-Line</b>", "password");
	},function(){
		restaurar();
	});
});

function setear(mensaje, imagen){
	//$("#iconos").fadeTo(100,0.1);
	$("#tooltip").html(mensaje);
	$("#iconos").removeClass();
	$("#iconos").addClass(imagen);
	//$("#iconos").fadeTo("fast",1);
}

function restaurar(){
	$("#tooltip").html("Seleccione la opci&oacute;n que desea consultar haciendo cl&iacute;c en el <b>Men&uacute; Superior</b>");
}