﻿// Palliatif aux PNG transparents
window.addEvent('domready', function () {
	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); 
} 