StarBaseId = new Array('S1_'); //id de base des étoiles
NbStar = 5; //nombre d'étoiles
Check = new Array(0, 0);
LgtStarBaseId = new Array();

for (i = 0; i < StarBaseId.length; i++) {
    LgtStarBaseId[i] = StarBaseId[i].lastIndexOf('');
}

function NotationSystem(){
    for (j = 0; j < StarBaseId.length; j++) {
        for (i = 1; i < NbStar + 1; i++) {
            var img = document.getElementById(StarBaseId[j] + i);
						if(img == null) return ;
						
            img.key = j;
            
            img.onclick = function(){
                if (Check[this.key] == 0) {
                    SetOpacity(this.id, this.key, 1);
                    Check[this.key] = 1;
                    
                    var input = document.getElementById(StarBaseId[this.key]);
                    input.value = Name2Nb(this.id, this.key);
                    //alert('Vous avez donné la note de '+Name2Nb(this.id, this.alt)+'.');
                }
            };
            
            img.title = 'Donner la note de ' + i; //Texte au survol, le alt marche pas
            //img.alt = 'Donner la note de '+i;
            
            img.onmouseover = function(){
                if (Check[this.key] == 0) {
                    SetOpacity(this.id, this.key, 1);
                }
            };
            
            img.onmouseout = function(){
                if (Check[this.key] == 0) {
                    SetOpacity(this.id, this.key, 0.3);
                }
            };
        }
    }
}

function SetOpacity(Star, key, opacity){
    StarNb = Name2Nb(Star, key);
    for (var i = 1; i <= StarNb; i++) {
        document.getElementById(StarBaseId[key] + i).style.opacity = opacity;
    }
}

function Name2Nb(Star, key){
    //Le survol d'une étoile ne nous permet pas de connaitre directement son numéro
    //Cette fonction extrait donc ce numéro à partir de l'Id
    StarNb = Star.slice(LgtStarBaseId[key]);
    return (StarNb);
}

function display_avis_panel(panel_div) {
	document.getElementById('display_avis_zone').style.display='none';
	document.getElementById(panel_div).style.display='block';
}