$('document').ready(function() {
   var modalHolder = $("#modalHolder");
   var modal = $("#modal");
   
   modalHolder.click(function(event) {
      event.stopPropagation();
      event.preventDefault();
      hideModal();
   });
   
   modal.click(function(event) {
      event.stopPropagation();
   });
   
   $(".storeItem a").click(function(event) {
      event.stopPropagation();
      event.preventDefault();

      var albumTitle = $(this).attr('rel');
      var albumNumber = $(this).attr('data-albumNumber');
      showModal($(this).next(".modalContent"));
      loadMP3Player(albumTitle, albumNumber);
   });
   
   $("#about p.members a").click(function(event) {
      event.stopPropagation();
      event.preventDefault();
      showModal("#" + this.getAttribute('rel'));
   });
   
   $(".emailSignUpLink").click(function(event) {
      event.stopPropagation();
      event.preventDefault();
      showModal("#emailSignUpForm");
   });
   
   $("#donateLink").click(function(event) {
      event.stopPropagation();
      event.preventDefault();
      $("#donateForm").submit();
   });
});

function showModal(element) {
   var modalHolder = $("#modalHolder");
   var modal = $("#modal");
   if (element != undefined && element != null)
      $("#modal").append($(element).clone());
   
   $("#modal").append('<a class="modalCloseButton">[ Close ]</a>');
   
   $('.modalCloseButton').click(hideModal);   
   $("#modalHolder").removeClass('hidden');
   $("#modal").children().removeClass('hidden');
   modal.css('top', (modalHolder.innerHeight() - modal.height()) / 2);
}



function hideModal() {
   
   $("#modalHolder").addClass('hidden');
   $("#modal").empty();
}

function loadMP3Player(album, albumNumber) {
   var flashvars = {};
   flashvars.skin = '/mp3player/nobius_mk2/skin.xml';
   flashvars.playlist = '/getAlbum.php?album=' + album;
   flashvars.autoplay = 'false';
   flashvars.shuffle = 'false';
   flashvars.key = 'KKWQWOK7GJKT8ZKQ4TZZ';
   var params = {};
   var attributes = {};
   attributes.id = 'mp3player' + albumNumber;
   swfobject.embedSWF(
   '/mp3player/ep_player.swf', // location of the swf file
   'mp3player' + albumNumber, // id of the container div to print the player in
   '400', '350', // width / height of the player
   '10.0.0', // required flash version
   false,
   flashvars,
   params,
   attributes
   );
}