﻿var Rugama = {
    /* Surbriance des blocs dans le page votre-formule
       et activation du boutton 'continuer' */
    highlightThis : function (elt) {
        $('#form-continuer').find('div').each(function(){
            $(this).css('background-color','white');
        });
        var elt2 = elt.parents('fieldset').find('div').get(0),
            elt3 = elt.parents('fieldset').find('input').get(0);
        $(elt2).css('background-color','#FCF9CE');
        $(elt3).attr('checked', 'checked');
        $('#continuer').attr('className', 'continuer-enabled');
//        document.getElementById('continuer').disabled = false;
    },

    /* Surbriance des listes dans le page votre-formule-date
       et activation du boutton 'continuer' */
    selection : {
        input : '',
        hInput : ''
    },
    
   // hOpened : false,
    
    highlightThisLi : function (liste, state){
        var theInput       = liste.find('input').get(0),
            theInputId     = theInput.id,
            theUl          = (theInputId.indexOf('h') == 0)
                ? 'hdebut'
                : 'debut',
            selectedInput  = (theUl == 'hdebut')
                ? this.selection.hInput
                : this.selection.input,
            selectedLegend = $(liste.children('label').get(0));
        if (theInputId == selectedInput)
            return;
        switch (state) {
            case 'click' :// SUR LE CLIC D'un BOUTON RADIO DU FORM (choix date debut ou choix heure
                if (selectedInput != ''){
                    $('#'+selectedInput).parent().css('background-color','white');
                    $('#'+selectedInput).next().css({'color': 'black','font-weight': 'normal'});
                }
                liste.css('background-color','#FCF9CE');
                selectedLegend.css({'color': '#E95900','font-weight': 'bold'});
                theInput.checked = true;
                theUl == 'hdebut'
                    ? (this.selection.hInput = theInputId)
                    : (this.selection.input = theInputId);
				
//				reload_time_lesson();

                if (!Rugama.hOpened){
                    $('#hdebut').slideDown("slow");
                    Rugama.hOpened = true;
                } else if (this.selection.hInput != ''){
                    $('#continuer').attr('className', 'continuer-enabled');
 //                   document.getElementById('continuer').disabled = false;
                }
                break;
            case 'over' :
                liste.css('background-color','#FCF9CE');
                break;
            case 'out' :
                liste.css('background-color','white');
                break;
            default :
                return;
        }
        return;
    },
    
    /* Verification des champs obligatoires (class 'non-vide') pour la page vos-coordonnees
       et activation du boutton 'continuer' */
    checkCoords : function(){
        for (var i = 0, l = this.nonVides.length; i < l; i++){
			/*
            if (i == 0 || i == 1){
                if (document.getElementById(this.nonVides[0]).checked == false
                    && document.getElementById(this.nonVides[1]).checked == false){
                    this.coordonneesVides = true;
                    $('#continuer').attr('className', 'continuer-disabled');
                    document.getElementById('continuer').disabled = true;
                    return;
                } else {
                    this.coordonneesVides = false;
                }
            }
			*/
            if (document.getElementById(this.nonVides[i]).value == ''){
                this.coordonneesVides = true;
                    $('#continuer').attr('className', 'continuer-disabled');
                    document.getElementById('continuer').disabled = true;
                return;
            } else {
                this.coordonneesVides = false;
            }
        }
        if (this.coordonneesVides == false) {
            $('#continuer').attr('className', 'continuer-enabled');
//            document.getElementById('continuer').disabled = false;
        }
		$('#continuer').attr('className', 'continuer-enabled');
//		document.getElementById('continuer').disabled = false;
	
    },
    
    nonVides : [ /* id des champs obligatoires pour la page vos-coordonnees */
//        'garcon',
//        'fille',
//        'prenom_subscriber',
//        'nom_subscriber',
//        'email_enfant',
//        'jour_naissance',
//        'mois_naissance',
//        'annee_naissance',
//        'email_parent',
//        'code_postal',
//        'tel'
    ],
    
    coordonneesVides : true,

    /* Verification des champs obligatoires (class 'non-vide') pour la page vos-coordonnees-identifiant
       et activation du boutton 'continuer' */
    checkPseudo : function(){
        for (var i = 0, l = this.nonVidesPseudo.length; i < l; i++){
/*            if (document.getElementById(this.nonVidesPseudo[i]).value == ''){
                this.identificationVides = true;
                    $('#continuer').attr('className', 'continuer-disabled');
                    document.getElementById('continuer').disabled = true;
                return;
            } else {
                this.identificationVides = false;
            }
*/        }
        if (this.identificationVides == false) {
            $('#continuer').attr('className', 'continuer-enabled');
//            document.getElementById('continuer').disabled = false;
        }
		$('#continuer').attr('className', 'continuer-enabled');
//		document.getElementById('continuer').disabled = false;

    },
    
    nonVidesPseudo : [ /* id des champs obligatoire pour la page vos-coordonnees-identifiants */
//        'pseudo_client',
//        'mdp',
//        'mdp2'
    ],
    
    identificationVides : true
}

/** Initialisation **/

$(document).ready(function(){
    /*var docUrl     = self.location.href,
        offre      = parseUri(docUrl).queryKeys.offre,
        codepromo  = parseUri(docUrl).queryKeys.codepromo,
        offreTitre = {
            'liberte'   : 'Offre liberté',
            'classique' : 'Offre classique',
            'paques'    : 'Spécial Vacances de Pâques',
            'promo'     : 'Offre promotionnelle'
        };

    if (offre) {
        if ($('#offre').get(0) !== undefined)
            $('#offre').attr('value', offre);

        if ($('.choix-offre').get(0) !== undefined){
            $('#offre-'+offre).attr('checked', 'checked');
            Rugama.highlightThis($('#offre-'+offre));
            $('#continuer').attr('className', 'continuer-enabled');
            document.getElementById('continuer').disabled = false;
        }

        if ($('#offre-titre').get(0) !== undefined)
            $('#offre-titre').html(offreTitre[offre]);
        
    }

    if (codepromo && codepromo != 'aucun') {
        if ($('#codepromo'))
            $('#codepromo').attr('value', codepromo);
        if ($('#offre'))
            $('#offre').attr('value', 'promo');
    }*/

    /* Evenements pour la surbrillance pour la page votre-formule */
    if ($('#offre-liberte').get(0) !== undefined) {
        $('.to-highlight').each(function(){
            $(this).click(function(){
                Rugama.highlightThis($(this));
            });
            if ($(this).get(0).checked == true){
                Rugama.highlightThis($(this));
            }
        });
    }

    /* Evenements pour la surbrillance pour la page votre-formule-date */
    if ($('#debut').get(0) !== undefined && $('#hdebut').get(0) !== undefined) {
        $('#debut li, #hdebut li').each(function(){
            $(this).hover(function(){
                    Rugama.highlightThisLi($(this), 'over');
                },function(){
                    Rugama.highlightThisLi($(this), 'out');
                }
            );
            $(this).click(function(){
                Rugama.highlightThisLi($(this), 'click');
            });
            if ($(this).find('input').get(0).checked == true){
                Rugama.highlightThisLi($(this), 'click');
            }
        });
    }

    /* Evenements pour la verification des champs obligatoires pour l'activation du boutton 'continuer'
       pour la page vos-coordonnees */
    if ($('#prenom_subscriber').get(0) !== undefined && $('#nom_subscriber').get(0) !== undefined && ($('#pseudo_client').get(0) === undefined && $('#mdp').get(0) === undefined)) {
        $('.non-vide').each(function(){
//            $(this).blur(function(){
            $(this).change(function(){
                Rugama.checkCoords();
            });
        });
        $('#continuer').hover(function(){
                Rugama.checkCoords();
            },function(){
                Rugama.checkCoords();
            }
        );
        Rugama.checkCoords();
    }

    /* Evenements pour la verification des champs obligatoires pour l'activation du boutton 'continuer'
       pour la page vos-coordonnees-identifiant */
    if ($('#pseudo_client').get(0) !== undefined && $('#mdp').get(0) !== undefined) {
        $('.non-vide').each(function(){
//            $(this).blur(function(){
            $(this).change(function(){
                Rugama.checkPseudo();
            });
        });
        $('#continuer').hover(function(){
                Rugama.checkPseudo();
            },function(){
                Rugama.checkPseudo();
            }
        );
        Rugama.checkPseudo();
    }

    /* Déploiement des boites pour la page confirmation-de-l-inscription */
    if ($('#pseudoSkypeOui').get(0) !== undefined && $('#pseudoSkypeNon').get(0) !== undefined) {
        $('#pseudoSkypeOui').click(function(){
            if($('.pseudoSkypeNon').find('div').css('display') == 'block'){
                $('.pseudoSkypeNon').css('border-color','white').find('div').slideUp("fast");
                $('.continuer-enabled').slideDown("fast");
            }
            if($('.pseudoSkypeOui').find('div').css('display') != 'block'){
                $('.pseudoSkypeOui').css('border-color','#bbb').find('div').slideDown("fast");
            }
        });
        $('#pseudoSkypeNon').click(function(){
            if($('.pseudoSkypeOui').find('div').css('display') == 'block'){
                $('.pseudoSkypeOui').css('border-color','white').find('div').slideUp("fast");
            }
            if($('.pseudoSkypeNon').find('div').css('display') != 'block'){
                $('.pseudoSkypeNon').css('border-color','#bbb').find('div').slideDown("fast");
                $('.continuer-enabled').slideUp("fast");
            }
        });
        if(document.getElementById('pseudoSkypeNon').checked == true){
            $('.pseudoSkypeNon').css('border-color','#bbb').find('div').slideDown("fast");
            $('.continuer-enabled').slideUp("fast");
        } else if(document.getElementById('pseudoSkypeOui').checked == true){
            $('.pseudoSkypeOui').css('border-color','#bbb').find('div').slideDown("fast");
        }
    }
});

