$(document).ready(function(){
  $('#event1_badge').click(function () {
    $('#event1_popup').removeClass("hide");
  });
  $('#event1_close').click(function () {
    $('#event1_popup').addClass("hide");
  });
  
  $('#event2_badge').click(function () {
    $('#event2_popup').removeClass("hide");
  });
  $('#event2_close').click(function () {
    $('#event2_popup').addClass("hide");
  });
  
  $('#event3_badge').click(function () {
    $('#event3_popup').removeClass("hide");
  });
  $('#event3_close').click(function () {
    $('#event3_popup').addClass("hide");
  });
  
  $('#event4_badge').click(function () {
    $('#event4_popup').removeClass("hide");
  });
  $('#event4_close').click(function () {
    $('#event4_popup').addClass("hide");
  });
  
  $('#event5_badge').click(function () {
    $('#event5_popup').removeClass("hide");
  });
  $('#event5_close').click(function () {
    $('#event5_popup').addClass("hide");
  });
  
  $('#event6_badge').click(function () {
    $('#event6_popup').removeClass("hide");
  });
  $('#event6_close').click(function () {
    $('#event6_popup').addClass("hide");
  });
  
  $('#event7_badge').click(function () {
    $('#event7_popup').removeClass("hide");
  });
  $('#event7_close').click(function () {
    $('#event7_popup').addClass("hide");
  });
  
  $('#event8_badge').click(function () {
    $('#event8_popup').removeClass("hide");
  });
  $('#event8_close').click(function () {
    $('#event8_popup').addClass("hide");
  });
  
  $(".button").click(function() {  
    // Get id number of event form being submitted
    var event = $(this).attr("name")
    
    // Get form fields from submitted form
    var name = $("input#event" + event + "_form_name").val();
    var email = $("input#event" + event + "_form_email").val();
    var venue = $("input#event" + event + "_form_venue").val();
    var badge = $("input#event" + event + "_form_badge").val();
    
    // Submit form via Ajax call
    $.ajax({  
      type: "POST",  
      url: "bin/process.php",  
      data: ({name:name, email:email, event:event}),  
      success: function() {  
        $('#message' + event).html('<p class="title">Thank You!</p>')  
        .append("<p>Congrats T.O.U.R. Guide!<br />You've earned the <strong>" + venue + "</strong> badge. Show your Tallahassee knowledge. Share your badge with friends and family on Facebook and Twitter.</p>")
        .append('<p style="text-align: center;"><img src="http://tour.visittallahassee.com/media/images/badges_FullSize/redeemed/' + badge + '.png"</p>')  
        .append('<p style="text-align: right;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ftour.visittallahassee.com%2Fbadges%2F' + badge + '.php&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe> <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url="http://tour.visittallahassee.com/" data-text="I unlocked the ' + venue + ' badge & became a @Visit_Tally T.O.U.R. Guide. Become a guide here" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></p>')
      }  
    }); 
     
    return false; 
  });
});