var audio = null;
var mute  = false;
var shake = false;
var sound = false;
var info  = false;

$(function(){
  audio = document.getElementById("getdown");
  
  $("#dance").bind("click", function(evt)   {   toggleAudio();               });
  $("#contact").bind("click", function(evt) {   toggleInfo();                });
  $(audio).bind('playing', function(evt)    {   toggleShake(); toggleMute(); });
  $(audio).bind('pause', function(evt)      {   toggleShake(); toggleMute(); });
  $(audio).bind('ended', function(evt)      {   toggleShake(); toggleMute(); });
  
  function toggleShake(){
    if(!shake) {
      $('#logo > span').jrumble({ rumbleEvent: 'mousedown',
                                  rangeX: 0,
                                  rangeY: 0,
                                  rangeRot: 5,
                                  rumbleSpeed: 20
                                });
      $('#logo > span').trigger('mousedown');
      shake = true;
    } else {
      $('#logo > span').val('').trigger('mouseup');
      $('#logo > span').unbind('mousedown');
      shake = false
    }
    return shake;
  }
  
  function toggleAudio(){
    if(!sound && audio) {
      audio.currentTime=34.75;
      audio.play();
      sound = true;
    } else {
      audio.pause();
      sound = false;
    }
    return sound;
  }
  
  function toggleMute(){
    if(!mute) {
      $("#dance").addClass('mute');
      mute = true;
    } else {
      $("#dance").removeClass('mute');
      mute = false;
    }
    return mute;
  }
  
  function toggleInfo() {
    if(!info) {
      $('#info').removeClass('hide','fast');
      info = true;
    } else {
      $('#info').addClass('hide','fast');
      info = false;
    }
    return info;
  }
});