$.fn.blogButton = function() {

  var event = {
    show: function() {
      var layer = $('#blogbutton');
      var bg = $('<div id="blogbutton_bg" />');
      bg.hide();
      bg.css('opacity', 0);
      bg.click(event.hide);
      bg.css('height', $(document).height())
      $('body').append(bg);
      bg.show();
      bg.fadeTo(200, 0.7);
      layer.css('left', ($('body').width()-550)/2)
      layer.fadeIn(200);
    },
    hide: function() {
      var layer = $('#blogbutton');
      var bg = $('#blogbutton_bg');
      bg.fadeOut(100);
      bg.remove();
      layer.hide();
    }
  }

  this.click(function() {
    event.show();
    return false;
  });
  
  $('#blogbutton').find('p.close a').click(function() {
    event.hide();
    return false;
  });

  return this;

}


soundManager.onload = function() {
  $("#sound-player-select option").each(function(i){
    self = $(this);
    soundManager.createSound(self.val(),self.val()+'.mp3');
  });
}

$(function() {
  $('#content .blog-button a').blogButton();
  
  $("#sound-player-play").click(function() {
    soundManager.stopAll();
    soundManager.play($("#sound-player-select").val());
    return false;
  });
  $("#sound-player-download").click(function() {
    $(this).attr("href", $("#sound-player-select").val()+".mp3");
  });
  
});