/* Tooltips */

$(function () {
  $('.bubble').each(function () {

    var distance = 10;
    var time = 250;
    var hideDelay = 250;

    var hideDelayTimer = null;

    var beingShown = false;
    var shown = false;
    
    var trigger = $('.trigger', this);
    var popup = $('.popup', this).css('opacity', 0);

    $([trigger.get(0), popup.get(0)]).mouseover(function () {
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        popup.css({
          top: -80,
          left: 0,
          display: 'block'
        })

        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          shown = false;
          popup.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});

/* Slide */

/* Hay que refactorizar este JavaScript y hacer que cuando se abra/cierre aparezca/desaparezca con un poco de "fade" */

$(function()
  {
    $("#service_button1").click(function(event) {
    event.preventDefault();
    
    $("#package_holder2").slideUp(function(){
      $("#package_holder1").slideToggle();
    });
  });

    $("#close1").click(function(event) {
    event.preventDefault();
    $("#package_holder1").slideUp();
  });
  
    $("#service_button2").click(function(event) {
    event.preventDefault();
    $("#package_holder1").slideUp(function(){
      $("#package_holder2").slideToggle();
    });
    
  });

    $("#close2").click(function(event) {
    event.preventDefault();
    $("#package_holder2").slideUp();
  });
  
    $("#open_form1").click(function(event) {
    event.preventDefault();
    $("#package_form_holder1").slideToggle(function(){
      $($("#package_form1 :input:first")[0]).focus();
    });
  });

    $("#hide1").click(function(event) {
    event.preventDefault();
    $("#package_form_holder1").slideUp();
  });
  
    $("#open_form2").click(function(event) {
    event.preventDefault();
    $("#package_form_holder2").slideToggle(function(){
      $($("#package_form2 :input:first")[0]).focus();
    });
  });

    $("#hide2").click(function(event) {
    event.preventDefault();
    $("#package_form_holder2").slideUp();
  });
  
  $('#services li').hover(function(event, item){
    $('#definitions li').hide();
    $('#'+this.id+'-definition').show();
  });
  
  $('div.project_holder').hover(function(item){
      //$('#'+item.id+' .project_info').removeClass('transparent');
  });
  
});

function toggle_project_description(id){
  if($('#project'+id+' .project_description:visible').length){
    $('#project'+id+' .project_description').hide();
    $('#project'+id+' .project_details_link a.active').removeClass('active');
  }else{
    $('#project'+id+' .project_details_link a').addClass('active');
    $('#project'+id+' .project_description').show();
  }
}

$(function(){
  
$('#projects').cycle({ 
 fx:           'scrollHorz',
 timeout:      6000,
 delay:        6000,
 speed:        1000,
 pause:        1,     // true to enable "pause on hover" 
 pager:        '#pages_holder',
 next:         '#next', 
 prev:         '#previous'
});

});