var elmtLauncherModal = null;
var eventTypeModal = 'click';
var validAndContinueModal = false;

$(document).ready(function () {
  
  $('input.classicModal,a.classicModal,'+
    'input.confirmModal,a.confirmModal,'+
    'input.smallModal,a.smallModal,'+
    'input.bigModal,a.bigModal').live('click',function (e) {

    if(!validAndContinueModal){


      eventTypeModal=e.type;

      // on annule le click
      e.preventDefault();

      // paramètres par défaut
      var classModal = 'classicModal';
      var idModal = $(this).attr('id');
      var heightContainer = '350px';
      var widthContainer = '400px';
      var closeButton = '<a title="Close" class="modalCloseImg simplemodal-close"></a>';

      // on récupères la ou les classes de l'élément
      var classes = $(this).attr('class');
      classes = classes.split(' ');

      $(classes).each(function(i,classe){

        // cas de la classe id
        if(classe.indexOf('Modal') > -1){
          classModal = classe;
        }
      })

      // on stocke l'élément cliqué en cours
      elmtLauncherModal=this;

      // Grande boxe
      if(classModal == 'confirmModal'){
        heightContainer = '150px';
        widthContainer = '300px';
        closeButton = '';
      }
      else if(classModal == 'smallModal'){
        heightContainer = '125px';
        widthContainer = '600px';
      }
      else if(classModal == 'bigModal'){
        heightContainer = '500px';
        widthContainer = '700px';
      }


      // Affichage de la boxe correspondante
      $('#'+idModal+'_container').modal({
        closeHTML:closeButton,
        containerCss:{
            height:heightContainer,
            width:widthContainer
        }
      });
    }
  });

  // bouton valider
  $('.simplemodal-valid').click(function(){
    validAndContinueModal = true;
    if(elmtLauncherModal){
      $(elmtLauncherModal).dispatchEvent(eventTypeModal);
    }
  })

  // bouton annuler
  $('.simplemodal-cancel').click(function(){
    validAndContinueModal = false;
  })

});