/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
$ruta_fija="";
$alt_fijo="";
$(function(){
    $('.img_galeria').Gallery();
});
(
function($){
  $.fn.Gallery=function(){
    
    $(this).click($(this).GalleryClick);
    $(this).hover($(this).Galleryover,$(this).Galleryout);
  };
  $.fn.Galleryover=function(){
      $(".caja_detail").remove();
      $('.detalle').hide();
      $ruta=this.getAttribute("src");
      $alt=this.getAttribute("alt");
      $('.detalle').append('<div class="caja_detail"><img alt="'+$alt+'" title="'+$alt_fijo+'" class="img_detail" src="'+$ruta+'"/><br /><br />'+$alt+"</div>");
      $('.detalle').fadeIn(500);
  };
  $.fn.Galleryout=function(){
      if($ruta_fija!=""){
        $(".caja_detail").remove();
        $('.detalle').hide();
        $('.detalle').append('<div class="caja_detail"><img alt="'+$alt_fijo+'" title="'+$alt_fijo+'" class="img_detail" src="'+$ruta_fija+'"/><br /><br />'+$alt_fijo+"</div>");
        $('.detalle').fadeIn(500);
      }//if
  };
  $.fn.GalleryClick=function(){
    $ruta_fija=this.getAttribute("src");
    $alt_fijo=this.getAttribute("alt");
  };
}
)(jQuery);