/**
 *
 * EEO Agenda's JS
 * @require Jquery 1.3 and jquery UI 1.7
 * 
 **/
 
$(document).ready(function() {

   
   // Ouverture détail agenda item
   $('.event_title').click(function(){
      $(this).next().slideToggle('fast');
   });
   
   // Validate event subscription form
   $('#event_subscription_form').validate({
      debug: false,
      errorElement: "em",
      errorPlacement: function(error, element) {
         element.before( error );
      }
   });
   
   // dialog box: subscribe to an event
   $("#dialog_subscription").dialog({
      bgiframe: true,
      autoOpen: false,
      draggable: true,
      height: 450,
      width: 350,
      modal: true,
      zindex: 1005,
      buttons: {
         'Enregistrer': function() {
            if ($("#event_subscription_form").valid())
            {
               // todo: submit form
               $("#event_subscription_form").ajaxSubmit({
                  clearForm: true,
                  success: function(data, jqForm, options){
                     $("#dialog_confirm")
                        .find(".ui-icon").removeClass("ui-icon-alert").addClass("ui-icon-circle-check").end()
                        .find(".message").text("Votre inscription à bien été prise en compte. Merci!").end()
                        .dialog('open');
                     $("#dialog_subscription").dialog('close');
                  },
                  error: function(data){
                     $("#dialog_confirm")
                        .find(".ui-icon").removeClass("ui-icon-circle-check").addClass("ui-icon-alert").end()
                        .find(".message").text("Erreur: "+data).end()
                        .dialog('open');
                  }
               });
            }
         },
         'Annuler': function() {
            $("#event_subscription_form").clearForm(); //.resetForm();
            $(this).dialog('close');
         }
      },
      close: function() { }
   });
   
   $("#dialog_confirm").dialog({
      bgiframe: true,
      autoOpen: false,
      modal: true,
      draggable: true,
      resizable: false,
      buttons: {
         Ok: function() {
            $(this).dialog('close');
         }
      }
   });

});

function displaySubscriptionForm(event_id)
{
   $("#dialog_subscription").dialog('option', 'event_id', event_id);
   $("#subscription_event_id").val(event_id);
   $("#dialog_subscription").dialog('open');
   
   return false;
}