/*****************************/
    /*   variables globales      */
    /*****************************/
    
       var questionnaire = new Questionnaire(); 
  //on met l'anglais comme langue par défaut 
jQuery.noConflict();
(function($){

   var lang = 'en';
    

   var isIE = /*@cc_on!@*/false;        

   if (!isIE) {
   
   //Si on a pas encore répondu aux questionnaires(non présent dans les cookies)
    if(questionnaire.getStorage('questionnaire01') != 1)
    {
        //on écrit la div du questionnaire
        questionnaire.init();
   	
        
        //on va chercher le fichier questionnaire.html contenant le questionnaire. Puis on insert dans la div questionnaire la variable titre et le contenu du questionnaire
        questionnaire.getQuestionnaire('questionnaire/questionnaire.html');
        questionnaire.getText(lang);
        
        //on prépare le bandeau de titre
        var title=' <span id="flag"><div id="flag_fr"><img src="http://img266.imageshack.us/img266/4480/94219463.gif"></div><div id="flag_us"><img src="http://img26.imageshack.us/img26/9828/60218220.gif"></div></span>'
        questionnaire.showDialog(title);
 	   
    }
            
       /************************************/
       /*   Verification du champs email   */
       /************************************/

       //On supprime le contenu de l'email est égal a address&mail.com et lorsque le focus est activé.
       $("#email").focus(function () {
          if($("#email").val() == 'address@mail.com')
          {
              $("#email").val('');
              $("#email").css({
              'border-color' : '', 
              'outline' : '',
              'color' : '',
              'font-style' : ''
                }) ;
          }  
           $("#email").css({
              'color' : 'Black',
              'font-style' : 'normal'
            })
       });

       //lorque l'on quitte le champ email, si le champs est vide, on remet la valeur par défaut
       $("#email").blur(function () {
          if($("#email").val() == '')
          {
            $("#email").val('address@mail.com');  
            $("#email").css({
              'border-color' : '', 
              'outline' : '',
              'color' : '#c6c6c6',
              'font-style' : 'italic'
            })  
          }


       });

       //lorsque l'on modifie le champ email, on vérifie que l'adresse est valide(on entoure en rouge si c'est pas bon
          $("#email").keyup(function() { 

            if(questionnaire.verifMail($("#email").val())){
                $("#email").css({
                  'border-color' : '#00cc00',
                  'outline' : '#00cc00'
                })
            }else{
                $("#email").css({
                  'border-color' : '#F00', 
                  'outline-color': '#F00'
                })
            } 

        });   





       /************************************/
       /*                Lang              */
       /************************************/
       $('#flag_us').click(function() {
           lang = 'en';
           questionnaire.getText(lang);

        })
        $('#flag_fr').click(function() {
           lang = 'fr';
           questionnaire.getText(lang);

        })

       /************************************/
       /*                submit            */
       /************************************/

       //lorsque l'on clique sur le bouton submit, on lui met un attribue de valeur 'yes' pour indiquer que c'est celui ci qui à déclencher l'envoie du formulaire'
       $("[type=submit]").bind("click", function(e){
            $("[type=submit]").attr("was_clicked_to_submit","NO"); //permet d'enlever le tag YES sur l'autre submit si il est present(on le change en NO)
            $(this).attr("was_clicked_to_submit","YES");
        });


      //Lorsque le formulaire est envoyé
       $('#formQuest').submit(function()
        {
            var error = false;
            if($("[was_clicked_to_submit=YES]").get(0).id == 'ok') //si c'est le submit d'id ok
            {   
                //on verifie que l'email est bon
                if(questionnaire.verifMail($("#email").val()))
                {   
                    
                    if(!questionnaire.verifRadio($('input[type=radio][name=visit]:checked').attr('value')))
                    {
                        error = true;
                         //on indique qu'il faut répondre à la visite
                        $("#errorRadio").css('display','block');
                    }
                    else
                    {
                        $("#errorRadio").css('display','none');
                    }
                   
                    //on vérifie qu'il a cocher au moins une réponse
                    if(!questionnaire.verifCheck())
                    {
                        //on indique qu'il faut cocher au moins une réponse
                        $("#errorCheckBox").css('display','block');
                        error = true;
                    }
                    else
                    {
                         $("#errorCheckBox").css('display','none');
                    }
                    
                    if(!error)
                    {
                        //on enlève l'erreur si présent
                        $("#errorCheckBox").css('display','none');
                        $("#errorRadio").css('display','none');
                        
                        var submit = 'ok';
                        var curious = Boolean($('#curious').attr('checked')); 
                        var passionate = Boolean($('#passionate').attr('checked')); 
                        var passenger = Boolean($('#passenger').attr('checked')); 
                        var attending = Boolean($('#attending').attr('checked')); 
                        var professional = Boolean($('#professional').attr('checked')); 
                        var visit = $('input[type=radio][name=visit]:checked').attr('value');	
                        var email = encodeURIComponent($("#email").val());

                        var champs = {'submit': submit, 'curious' : curious, 'passionate' : passionate, 'passenger' : passenger, 'attending' : attending, 'professional' : professional, 'visit' : visit, 'email' : email};


                        //on envoi le questionnaire
                        questionnaire.envoiQuest(champs, 'http://srv.openskymap.com/services/questionnaire.php');

                        //on enregistre dans les coockies que l'on a bien répondu au questionnaire
                        questionnaire.setStorage('questionnaire01', 1);    

                        //on enlève le formulaire
                        $('#questionnaireVisitor').dialog('close'); 
                    }
                }
            }
            else
            {
                
                var submit = 'close';
                
                
                var champs = {'submit': submit};
                
          
               
                //on envoi le questionnaire
                questionnaire.envoiQuest(champs, 'http://srv.openskymap.com/services/questionnaire.php');
                        
                //on enregistre dans les coockies que l'on a bien répondu au questionnaire
                questionnaire.setStorage('questionnaire01', 1); 

                //on enlève le formulaire
                $('#questionnaireVisitor').dialog('close'); 
            }

            //on retourne false pour en pas envoyé le formulaire
            return false;
        });
        
        
  
         
}         
})(jQuery);