/*
hotSpot -jQuery Plugin
author: @citmusa
version: 1.0
date: 29/11/2011
Requiere jquery.ui , effects y jquery.hoverIntent
el hotSpot debe tener dentro un div class='indicador' (sobre el que va el hover) y luego un div class='info' con el texto a desplegar.
Opciones: duracion - tiempo que dura el efecto de mostrar/ocultar el contenido de '.info'
*/
(function($){
$.fn.extend({hotSpot: function(opciones){
	var defaults ={duracion:1000}
	var opciones = $.extend(defaults,opciones);
	return this.each(function(){
		var padre = $(this);
		var indicador=$('.indicador',padre);
		indicador.css('z-index',"99");
		var info = $('.info',padre);
		indicador.hoverIntent(
		function(){info.show("fold",{},opciones.duracion);
		$('.tipHome').css('z-index','0');
		padre.css('z-index',"99");},
		function(){info.hide("fold",{},opciones.duracion);
		$('.tipHome').css('z-index','0');});
	});
}});})(jQuery);