function openWidget() {
  jQuery('#widget-container').addClass('open');
}
function closeWidget() {
  jQuery('#widget-container').removeClass('open');
}
function toggleWidget() {
  jQuery('#widget-container').toggleClass('open');
}

jQuery(document).ready(function($) {
  var videoOverlay = $('#video-overlay');
  var videoOverlayContent = $('#video-overlay-content');
  
  videoOverlay.find('#video-overlay-close').click(function() {
    videoOverlay.hide();
    videoOverlayContent.html('');
    return false;
  });
  
  function loadVideo(url) {
    videoOverlayContent.load(url, {
      complete: function() {
        videoOverlay.show();
      }
    });
  }
  
  $('#howto a, #intro h2 a').click(function() {
    loadVideo($(this).attr('href'));
    return false;
  });
  
  $('#widget-container .toggle').click(function(event) {
    event.preventDefault();
    toggleWidget();
  });
});