jQuery(document).ready(function() {
      
    // Fix IE7 z-indexing
    $(function() {
        var zIndexNumber = 1000;
        $('li').each(function() {
            $(this).css('zIndex', zIndexNumber);
            zIndexNumber -= 10;
        });
    });
    
  // Hide dynamic elements
  $('[id^=menu], .products div, li .answer, .bean-to-cup a span, .history .detail, li.country ul').hide();
    
    // Display sub menus      
    $('ul.main-nav li.sub-menu').hoverIntent({
        over: showMenu, 
        timeout: 250, 
        out: hideMenu
    });    
    function showMenu() {
        $(this).addClass('over');
        $('#menu-' + this.id).slideDown('fast', function() {});
    }
    function hideMenu() {
        $(this).removeClass('over');
        $('#menu-' + this.id).slideUp('fast', function() {});
    }
    
    // Show country dropdowm
    $('li.country').hoverIntent(function () {
        $('li.country ul').slideDown('fast', function() {});
    }, function () {
        $('li.country ul').slideUp('fast', function() {});
    });
    
    // Show and hide homepage footer
  $(".display-footer").mouseover(function() {    
    $("#fixed-footer").slideToggle("fast", function() {});
    if($(this).hasClass("show-footer")){
      $(this).addClass("hide-footer");
      $(this).removeClass("show-footer");
    }else{
      $(this).addClass("show-footer");
      $(this).removeClass("hide-footer");
    }
  });
    
    // Show food info      
    $('ul.food li').hoverIntent(function () {
        $('a', this).addClass('selected');
        $('div', this).css('display', 'block');
    }, function () {
        $('a', this).removeClass('selected');
        $('div', this).css('display', 'none');
    });
    
    // Show coffe info      
    $('ul.coffee li').hoverIntent(function () {
        $('a', this).addClass('selected');
        $('div', this).slideDown('fast', function() {});
    }, function () {
        $('a', this).removeClass('selected');
        $('div', this).slideUp('fast', function() {});
    });
    
    // Show bean to cup info      
    $('.bean-to-cup a').hoverIntent(function () {
        $('.info', this).slideDown('fast', function() {});
    }, function () {
        $('.info', this).slideUp('fast', function() {});
    });
    
    // Toggle FAQ
  $('.q-and-a li .question').click(function() {
    if ($(this).next('.answer').is(':visible')) {
        $(this).next('.answer').slideUp('fast', function() {});
        $(this).removeClass('open');
    } else {
      $('.answer').slideUp('fast', function() {});
            $('.q-and-a li a').removeClass('open');
            $(this).next('.answer').slideDown('fast', function() {});
            $(this).addClass('open');
    };
    return false;
  });
    
    // History timeline
    $(function() {
      if( $("#slider").is("*") ) {
          var showDelay = 250;
          var showTimer = null;
          
          $( "#slider" ).slider({
              range: "min",
              value:0,
              min: 0,
              max: 4956,
              step: 708,
              slide: function( event, ui ) {
                  //$('.timeline-container').scrollTo( ui.value, 300 );
                  if (showTimer)
                  clearTimeout(showTimer);
                  showTimer = setTimeout(function() {
                      $('.timeline-container').scrollTo( ui.value, 300 );
                      $('.detail').slideUp('fast', function() {});
                      $('.show-detail').show('fast', function() {});
                  }, showDelay);
              }        
          });
          $('.timeline-container').scrollTo( $( "#slider" ).slider( "value" ), 300 );
          $('.detail').slideUp('fast', function() {});
          $('.show-detail').show('fast', function() {});
        }
    });
    
    // Toggle history extra detail
  $('.show-detail').click(function() {
    $('#detail-' + this.id).slideDown('fast', function() {});
    $(this).hide('fast', function() {});
    return false;
  });
  $('.hide-detail').click(function() {
    $('.detail').slideUp('fast', function() {});
    $('.show-detail').show('fast', function() {});
    return false;
  });
    
    // Meet the baristas
  $('.baristas ul li a').click(function() {
    $('.baristas img').attr('src', '/images/baristas/barista_' + this.id + '.jpg');
        return false;
  });
    
    // Show form help
    $('.show-help').hoverIntent(function () {
        $('.help').show('fast', function() {});
    }, function () {
        $('.help').hide('fast', function() {});
    });
    
    // Prevent click through to landing pages when js is enabled
  $('.no-click').click(function() {
    return false;
  });
    
});
