jQuery(document).ready(function(){
  jQuery.fn.qtip.styles.rojosangre = {
    border: {
      width: 4,
      radius: 4,
      color: '#9C9912'
    },
    tip: true,
    background: '#FFFFFF',
    color: '#000000'
  };
  
  
  jQuery(".outono-map-full area").click(function(ev) {
    var map = jQuery(this).attr("href").charAt(jQuery(this).attr("href").length-1);
    jQuery(".outono-map").hide();
    jQuery(".outono-indice").hide();
    jQuery(".outono-map-"+map).fadeIn();
    ev.preventDefault();
  });
  
  jQuery(".ajax-button-volver").live('click', function(ev) {
    jQuery(".outono-map").hide();
    jQuery(".outono-indice").hide();
    jQuery(".outono-map-full").fadeIn();
    ev.preventDefault();
  });
  
  jQuery(".ajax-button-verlista").live('click', function(ev) {
    jQuery(".outono-map").hide();
    jQuery(".outono-map-full").hide();
    jQuery(".outono-indice").fadeIn();
    ev.preventDefault();
  });
  
  
  jQuery(".ajax-close").live('click', function(ev) {
    jQuery("#ajax-caracteristicas span").qtip("hide");
    jQuery("#ajax-ventanita").fadeOut();
    ev.preventDefault();
  });

  jQuery("div.second img, div.third img").live('mouseover', function() {
    jQuery(this).data('original', jQuery("div.first img").attr('src'));
    jQuery("div.first img").attr('src', jQuery(this).attr('src'));
  });

  jQuery("div.second img, div.third img").live('mouseout', function() {
    jQuery("div.first img").attr('src', jQuery(this).data('original'));
  });
  
  var ajax;

  var ventanita = jQuery("<div id='ajax-ventanita'></div>").css({
    "left"    : 0,
    "top"     : 90,
    "zIndex"  : 5000
  }).hide();
  
  var loading = jQuery("#ajax-loading");
  
  jQuery(".outono-wrapper").append(ventanita);
  
  jQuery('.outono-map-c area, .outono-map-l area, .outono-map-p area, .outono-map-o area, .outono-indice-c a, .outono-indice-l a, .outono-indice-p a, .outono-indice-o a').each(function(){
    
    var el = jQuery(this);
    
    if (el.attr('title')) {
      jQuery(el).qtip({
        content: '<p><strong>'+el.attr('title')+'</strong></p>',
        style: 'rojosangre', show: { delay: 0 }, position: {corner: {tooltip: 'bottomMiddle',target: 'topMiddle'}, adjust: {y:-15}}
      });
      el.attr('title', '');
    }
    
    el.click(function(ev) {
      window.location.hash = '#outono-header';
      
      loading.fadeIn();
      
      jQuery(this).qtip("hide");

      if (ajax) ajax.abort();
      
      ajax = jQuery.ajax({
        url     : el.attr('href'),
        type    : "GET",
        cache   : false,
        success : function(html) {
          loading.hide();
          ventanita.html(html).fadeIn();
        }
      });
      
      ev.preventDefault();
    });
    
  });

  
});