//PLUGIN MOSTAR CAPA MOUSEOVER
jQuery.fn.muestraCapa = function(){
    $(this).mouseover(function(){
        //muestro la capa de contenido seleccionada
		//$(this).prev().stop(true, true).toggle( "clip" )
		var capaContenido = $(this).prev(".contenido");
		capaContenido.show();
		
		$(capaContenido).mouseover(function(){
			$(capaContenido).show();
		}).mouseout(function(){
			$(capaContenido).hide();
		});
        //determino contenido de la capa seleccionada
        var elementoPos = $(this).position();
        //var posRight = elementoPos.right;
        var posTop=elementoPos.top;
        var elementoAlto = $(this).height();
		var elementoAncho= $(this).width();	
        var posBottom= elementoAlto+posTop-50;
		var posLeft=elementoPos.left;
		var posRight= elementoAncho + posLeft-35;
		
        var elementoContenidoAncho= $(this).parent().width();

        if ($(this).parent().parent().hasClass("ultimo")){	
            posRight=posRight - 250;
        }else{
            posRight=elementoAncho + posLeft;
        }

        $(capaContenido).css({"left":posRight, "top":posBottom })
    
    }).mouseout(function(){
		var capaContenido = $(this).prev(".contenido");
       $(capaContenido).hide();
    
    }).click(function(e){
		if($(this).prev().hasClass("contenido")){
			e.preventDefault();
		}
	});
}