﻿// Palliatif aux PNG transparents
window.addEvent('domready', function() {
    if ($chk($('is_ie6'))) {
        var size = document.documentElement['clientHeight'];
        $$('.overlay').setStyle('height', size);
    }

    $$('.generalConditionsBtn').addEvent('click', function(event) {
        $$('.overlay').setStyle('display', 'block');
        $$('.generalConditions').setStyle('display', 'block');

        return false;
    });

    $$('.personnalDataBtn').addEvent('click', function(event) {
        $$('.overlay').setStyle('display', 'block');
        $$('.personnalData').setStyle('display', 'block');

        return false;
    });

    $$('.creditsBtn').addEvent('click', function(event) {
        $$('.overlay').setStyle('display', 'block');
        $$('.credits').setStyle('display', 'block');

        return false;
    });

    $$('.reglementJeuBtn').addEvent('click', function(event) {
        $$('.overlay').setStyle('display', 'block');
        $$('.reglementJeu').setStyle('display', 'block');

        return false;
    });

    $$('.popup .close').addEvent('click', function(event) {
        $$('.overlay').setStyle('display', 'none');
        $$(this).getParent().setStyle('display', 'none');

        return false;
    });

    if ($chk($('is_ie6'))) {
        $$('body')[0].className = 'Woman';
        $('container').style.background = 'transparent url(/Images/Masterpage/main-ie6.jpg) no-repeat scroll left top';
        $$('#container .sidebar')[0].style.background = 'transparent url(/Images/Masterpage/sidebar-ie6.jpg) no-repeat scroll left top';
        var monespace = $$('.mon-espace #container')[0];
        if ($chk(monespace)) {
            monespace.style.background = 'transparent url(/Images/Masterpage/main-ie6-compte.jpg) no-repeat scroll left top';
        }
    }
    else {
        $$('body')[0].className = test;
    }

    var ie6_element = document.getElementById('is_ie6');
    if (ie6_element != null && ie6_element != 0) {
        document.getElementsByTagName('body')[0].className = 'Woman';
        document.getElementById('container').style.background = 'transparent url(/Images/Masterpage/main-ie6.jpg) no-repeat scroll left top';
        document.getElementsByTagName('#container .sidebar')[0].style.background = 'transparent url(/Images/Masterpage/sidebar-ie6.jpg) no-repeat scroll left top';
        var monespace = document.getElementsByTagName('.mon-espace #container')[0];
        if (monespace) {
            monespace.style.background = 'transparent url(/Images/Masterpage/main-ie6-compte.jpg) no-repeat scroll left top';
        }
    }
    else {
        document.getElementsByTagName('body')[0].className = test;
    }

    // Mise en place de l'effet de survol des rubriques du menu
    var menu = $$('.menu');
    if (menu.length == 1) {
        // Récupération de chaque lien du menu et modification de l'image de survol
        menu[0].getElements('li a img').each(function(item) {
            item.addEvent('mouseover', function() {
                this.setAttribute('src', this.getAttribute('src').replace('-out', '-on'));
            });
            item.addEvent('mouseout', function() {
                this.setAttribute('src', this.getAttribute('src').replace('-on', '-out'));
            });
        });
    }

    // Mise en place de la sidebar du compte

    // Vérification de la présence de la sidebar
    var customersidebar = $('customer-sidebar');
    if ($chk(customersidebar)) {
        // Page courante
        var currentpage = customersidebar.getElements('input')[0];
        // Sections de la sidebar
        var sections = customersidebar.getElements('.accordion-link');
        if (sections.length > 0) {
            // Création des liens pour mise en place de l'effet de panneau coulissant
            var currentsection = null;
            var currentindex = 0;
            sections.each(function(item) {
                if (currentsection == null) {
                    currentsection = (item.getAttribute('id') == currentpage.value) ? currentindex : null;
                }
                /* Virer les liens des onglets pour avoir un panneau coulissant sans rafraîchissement */
                if (!$chk($$('form.mon-espace')[0]) && !$chk($$('form.evenements')[0])) // pas à mettre en place sur la partie Compte
                {
                    var link = new Element('a').setProperty('href', '#');
                    link.addEvent('click', function(e) {
                        var e = new Event(e);
                        // On enlève la précédente sélection (dans le cas ou il ne s'agit pas d'un élément du menu)
                        var previousSelectedSection = $(currentpage.value);
                        if ($chk(previousSelectedSection)) {
                            if (previousSelectedSection.nodeName.toLowerCase() == 'li') {
                                previousSelectedSection.getElementsByTagName('img')[0].setAttribute('src', previousSelectedSection.getElementsByTagName('img')[0].getAttribute('src').replace('-on', '-out'));
                            }
                        }
                        // Changement de la section active
                        var selectedSection = this.getParent().getParent().getParent().getElements('.selected-accordion-link');
                        if (selectedSection.length == 1) {
                            selectedSection[0].className = '';
                            selectedSection[0].setAttribute('src', selectedSection[0].getAttribute('src').replace('-on', '-out'));
                        }
                        this.getElementsByTagName('img')[0].className = 'selected-accordion-link';
                        this.getElementsByTagName('img')[0].setAttribute('src', this.getElementsByTagName('img')[0].getAttribute('src').replace('-out', '-on'));
                        e.stop();
                    });
                    // Récupération de l'image faisant office de titre de section
                    link.adopt(item.getElementsByTagName('img')[0].parentNode.removeChild(item.getElementsByTagName('img')[0]));
                    item.adopt(link);
                }
                currentindex++;
            });

            if (currentsection == 0) {
                // Mise en valeur de la section active
                sections[0].getElementsByTagName('img')[0].className = 'selected-accordion-link';
                sections[0].getElementsByTagName('img')[0].setAttribute('src', sections[0].getElementsByTagName('img')[0].getAttribute('src').replace('-out', '-on'));
            }
        }
        // Mise en place de l'accordéon
        var myAccordion = new Accordion($('customer-sidebar'), 'p.accordion-link a', 'div.accordion-content', {
            onComplete: function() {
                // Corrige un bug d'affichage sous FX au chargement
                $$('div.accordion-content').each(function(item) {
                    if (item.getStyle('height') != '0px')
                        item.setStyle('height', 'auto');
                });
            }
        });

        // Se positionne sur la section représentant la page courante
        if (currentsection > 0) {
            sections[currentsection].getElementsByTagName('img')[0].className = 'selected-accordion-link';
            sections[currentsection].getElementsByTagName('img')[0].setAttribute('src', sections[currentsection].getElementsByTagName('img')[0].getAttribute('src').replace('-out', '-on'));
            myAccordion.display(currentsection);
        }
        else if (currentsection != 0) {
            // Index imaginaire ...
            myAccordion.display(999);
        }
    }
});


// Vide et remplit les champs texte pour y afficher un message par défaut
function manageTextbox(currentControl, text) 
{
    if(currentControl.value == text)
    {
        currentControl.value = "";
        currentControl.onblur = function(){
			if(this.value == "") 
				this.value = text;
        }
    }
}

function popupcentree(page,largeur,hauteur,options) 
{     
	var top=(screen.height-hauteur)/2;     
	var left=(screen.width-largeur)/2;     
	window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options); 
} 
