window.addEvent('domready', function(){

	var activeColor = "#000000";
	var hoverColor = "#1f4c96";
	var linkColor = "#193a71";
	var mySlide;
	var pos=0;
	var toto;
	var hauteurContainer=$('container').getSize().y;
	var listeDepartements = [];
    var listeDivDepartements = [];
	
	var listeDpt;
	var Dpt;

	function verticalCenter(el) {
		var hauteurBrowserWindow = window.getSize().y;
		var diffHauteurs = parseInt((hauteurBrowserWindow-hauteurContainer)/2);
		if (diffHauteurs > 0) {
			el.setStyle('top', diffHauteurs);
		} else {
			el.setStyle('top', 0);
		}
	}

	function hideAllContent() {
		$('container').fade('hide');
		var myElements = $('container').getChildren();	// cacher tous les divs enfants de container.
		for (var i=0; i < myElements.length; i++) {	
			$(myElements[i]).fade('hide');
		}
	}
	
	function containerFadeIn() {

		$('container').set('tween', {
					duration: 500,
					onComplete: logoFadeIn
				});
		$('container').tween('opacity', '1');
	}
	
	function logoFadeIn() {

		$('logo').set('tween', {
					duration: 1000,
					onComplete: sloganFadeIn
				});
		$('logo').tween('opacity', '1');
	}
	
	function sloganFadeIn() {

		$('slogan').set('tween', {
					duration: 500,
					onComplete: mainnavFadeIn
				});
		$('slogan').tween('opacity', '1');
	}
	
	function mainnavFadeIn() {

		$('mainnav').set('tween', {
					duration: 500,
					onComplete: $('credits').fade('in')
				});
		$('mainnav').tween('opacity', '1');
	}
	
/**************************************************************************************************************************/	
	function afficheRubrique1() {
		$('ascenseur').fade('hide');
		$('ascenseurIE6').fade('hide');
		$('fondtexte').fade('hide');
		$('fondtextecont').fade('hide');
        $('flechehaut').fade('hide');
        $('flechebas').fade('hide');
		$('fondtexte').fade(0.9);
        var diffHaut = parseInt($('rubrique_content1').getSize().y-$('wrapper1').getSize().y);
		if (diffHaut > 0) {
			mySlide = new Slider($('ascenseur'), $('curseur'), {
				range: [0, diffHaut],
				mode: 'vertical',
				wheel: true,
				offset: -10,
				onChange: function(step){
					$('rubrique_content1').set('tween', {duration: '500'}).tween('top', -step);
					pos=step;
				}
			}).set(0);
			$('top1').addEvent('click', function(event) {
				event.stop();
				mySlide.set(0);
			});
            $('flechehaut').removeEvents();
            $('flechehaut').addEvent('mouseenter', function(event) {
				event.stop();
                mySlide.set(0);
			});
            $('flechebas').removeEvents();
            $('flechebas').addEvent('mouseenter', function(event) {
				event.stop();
                mySlide.set(diffHaut);
			});
            
		}
		$('rubrique1').fade(1);
		$('ascenseur').fade(0.5);
		$('ascenseurIE6').fade(0.5);
		$('curseur').fade(1);
        $('flechehaut').fade(1);
        $('flechebas').fade(1);
	}
	
	function afficheRubrique2() {
		$('nav_2').setStyle('backgroundColor', activeColor);
		$('fondtextecont').fade('hide');
		$('fondencart3').fade('hide');
		$('fondencart4').fade('hide');
        $('flechehaut').fade('hide');
        $('flechebas').fade('hide');
		$('fondtexte').fade(0.9);
        $('carte').fade(1);
        $('rubrique2').fade(1);
        $('c75').fireEvent('click');    // à remplacer par d75 en mode debug
	}
	
	function afficheRubrique3() {
		$('ascenseur').fade('hide');
		$('ascenseurIE6').fade('hide');
		$('fondtexte').fade('hide');
		$('fondtextecont').fade('hide');
        $('flechehaut').fade('hide');
        $('flechebas').fade('hide');
		$('fondtexte').fade(0.9);
		$('fondencart3').fade(0.7);
        var diffHaut = parseInt($('rubrique_content3').getSize().y-$('wrapper3').getSize().y);
		if (diffHaut > 0) {
		mySlide = new Slider($('ascenseur'), $('curseur'), {
				range: [0, diffHaut],
				mode: 'vertical',
				wheel: true,
				offset: -10,
				onChange: function(step){
					$('rubrique_content3').set('tween', {duration: '500'}).tween('top', -step);
					pos=step;
				}
			}).set(0);
			$('top3').addEvent('click', function(event) {
				event.stop();
				mySlide.set(0);
			});
            $('ascenseur').fade(0.5);
            $('ascenseurIE6').fade(0.5);
            $('curseur').fade(1);
            $('flechehaut').fade(1);
            $('flechebas').fade(1);
            $('flechehaut').removeEvents();
            $('flechehaut').addEvent('mouseenter', function(event) {
				event.stop();
                mySlide.set(0);
			});
            $('flechebas').removeEvents();
            $('flechebas').addEvent('mouseenter', function(event) {
				event.stop();
                mySlide.set(diffHaut);
			});

		}
		$('rubrique3').fade(1);
	}
	
	function afficheRubrique4() {
		$('ascenseur').fade('hide');
		$('ascenseurIE6').fade('hide');
		$('fondtexte').fade('hide');
		$('fondtextecont').fade('hide');
        $('flechehaut').fade('hide');
        $('flechebas').fade('hide');
		$('fondtexte').fade(0.9);
		$('fondencart4').fade(0.7);
        var diffHaut = parseInt($('rubrique_content4').getSize().y-$('wrapper4').getSize().y);
		if (diffHaut > 0) {
		mySlide = new Slider($('ascenseur'), $('curseur'), {
				range: [0, diffHaut],
				mode: 'vertical',
				wheel: true,
				offset: -10,
				onChange: function(step){
					$('rubrique_content4').set('tween', {duration: '500'}).tween('top', -step);
					pos=step;
				}
			}).set(0);
			$('top4').addEvent('click', function(event) {
				event.stop();
				mySlide.set(0);
			});
            $('ascenseur').fade(0.5);
            $('ascenseurIE6').fade(0.5);
            $('curseur').fade(1);
            $('flechehaut').fade(1);
            $('flechebas').fade(1);
            $('flechehaut').removeEvents();
            $('flechehaut').addEvent('mouseenter', function(event) {
				event.stop();
                mySlide.set(0);
			});
            $('flechebas').removeEvents();
            $('flechebas').addEvent('mouseenter', function(event) {
				event.stop();
                mySlide.set(diffHaut);
			});
		}
		$('rubrique4').fade(1);

	}
	
	function afficheRubrique5() {
		$('ascenseur').fade('hide');
		$('ascenseurIE6').fade('hide');
		$('fondtexte').fade('hide');
		$('fondtextecont').fade('hide');
        $('flechehaut').fade('hide');
        $('flechebas').fade('hide');
		$('fondtexte').fade(0.9);
        var diffHaut = parseInt($('rubrique_content5').getSize().y-$('wrapper5').getSize().y);
		if (diffHaut > 0) {
			mySlide = new Slider($('ascenseur'), $('curseur'), {
				range: [0, diffHaut],
				mode: 'vertical',
				wheel: true,
				offset: -10,
				onChange: function(step){
					$('rubrique_content5').set('tween', {duration: '500'}).tween('top', -step);
					pos=step;
				}
			}).set(0);
			$('top5').addEvent('click', function(event) {
				event.stop();
				mySlide.set(0);
			});
            $('ascenseur').fade(0.5);
            $('ascenseurIE6').fade(0.5);
            $('curseur').fade(1);
            $('flechehaut').fade(1);
            $('flechebas').fade(1);
            $('flechehaut').removeEvents();
            $('flechehaut').addEvent('mouseenter', function(event) {
				event.stop();
                mySlide.set(0);
			});
            $('flechebas').removeEvents();
            $('flechebas').addEvent('mouseenter', function(event) {
				event.stop();
                mySlide.set(diffHaut);
			});
		}

		$('rubrique5').fade(1);
	}
	
	function afficheRubrique6(){
		$('ascenseur').fade('hide');
		$('ascenseurIE6').fade('hide');
		$('fondtexte').fade('hide');
		$('fondtextecont').fade('hide');
        $('flechehaut').fade('hide');
        $('flechebas').fade('hide');
		window.location = "http://www.consultys.org/hgconsultys/";
	}

	function afficheRubrique7(){
		$('ascenseur').fade('hide');
		$('ascenseurIE6').fade('hide');
		$('fondtexte').fade('hide');
		$('fondtextecont').fade('hide');
        $('flechehaut').fade('hide');
        $('flechebas').fade('hide');
		$('fondtextecont').fade(0.9);
		$('rubrique7').fade(1);
	}

/**************************************************************************************************************************/

	function selectRubrique(theLink) {
		switch (theLink.getProperty('id')) {
				case "nav_1":
				afficheRubrique1();
				break;
				case "nav_2":
				afficheRubrique2();
				break;
				case "nav_3":
				afficheRubrique3();
				break;
				case "nav_4":
				afficheRubrique4();
				break;
				case "nav_5":
				afficheRubrique5();
				break;
				case "nav_6":
				afficheRubrique6();
				break;
				case "nav_7":
				afficheRubrique7();
				break;
		}
	}
	
/**************************************************************************************************************************/	

	function initCarte() {
        var diffHaut;
        var nomDepartement;
        var numDpt;
        listeDepartements = $('wrapper2').getElements('ul');
		for (var j=0; j < listeDepartements.length; j++) {
            
			listeDepartements[j].setStyle('display','none');        // Cache toutes les listes de noms
            numDpt = listeDepartements[j].get('id').substr(1,2);
			nomDepartement = 'c'+ numDpt;   // 'c' est à remplacer par 'd' en mode debug
            
            /* génération dynamique de la liste texte de tous les départements pour le debug :
            une liste txt de tous les départements s'affiche dans le div debugpanel.
            listeDivDepartements[j] = new Element('li', {id: nomDepartement});
            listeDivDepartements[j].set('text', nomDepartement.substr(1,2));
            listeDivDepartements[j].inject($('debugpanel'));*/
            
            
			$(nomDepartement).removeEvents();                       /* Vire tous les events résiduels sur chaque zone
                                                                    département de la carte */
            
			$(nomDepartement).addEvent('click', function(event) {   /* Greffe l'event "click" sur chaque zone
                                                                    département de la carte */
				for (var k=0; k < listeDepartements.length; k++) {  /* Cache toutes les listes de noms autres que ceux du
                                                                    département clické */
					listeDepartements[k].setStyle('display','none');
				}
				
				$('ascenseur').fade('hide');
				$('ascenseurIE6').fade('hide');
				$('curseur').fade('hide');
				$('fondtextecont').fade('hide');
                $('fondtexte').fade('hide');
                $('fondtextecont').fade('hide');
                $('flechehaut').fade('hide');
                $('flechebas').fade('hide');
                $('fondtexte').fade(0.9);
				
				Dpt = this.getProperty('id').substr(1,2);   /* identifie le département clické dxx*/
				listeDpt = 'l'+ Dpt;                        /* associe la liste de noms correspondante lxx */
				$(listeDpt).setStyle('display', 'block');   /* rend visible cette liste de noms */
                
                diffHaut = parseInt($(listeDpt).getSize().y-$('wrapper2').getSize().y); /* fabrique l'ascenseur si la liste est trop longue */
				if (diffHaut > 0) {
					if ($('top_'+Dpt)) {
						$('top_'+Dpt).addEvent('click', function () {mySlide.set(0);});
					}
					mySlide = new Slider($('ascenseur'), $('curseur'), {
						range: [0, diffHaut],
						mode: 'vertical',
						wheel: true,
						offset: -10,
						onChange: function(step){
							$(listeDpt).set('tween', {duration: '500'}).tween('top', -step);
							pos=step;
						}
					}).set(0);
					
					$('ascenseur').fade(0.5);
                    $('ascenseurIE6').fade(0.5);
                    $('curseur').fade(1);
                    $('flechehaut').fade(1);
                    $('flechebas').fade(1);
                    $('flechehaut').removeEvents();
                    $('flechehaut').addEvent('mouseenter', function(event) {
                        event.stop();
                        mySlide.set(0);
                    });
                    $('flechebas').removeEvents();
                    $('flechebas').addEvent('mouseenter', function(event) {
                        event.stop();
                        mySlide.set(diffHaut);
                    });
                    
				}
			} );
        }
        
	}

/**************************************************************************************************************************/	

	hideAllContent();
	containerFadeIn();
	verticalCenter($('container'));
	

	var listeItems = [];
	listeItems = $('mainnav').getElements('li');
	for (var i=0; i < listeItems.length; i++) {
		listeItems[i].addEvents({
			'mouseenter': function(event) {
				event.stop();
				if (this.getElement('a').getStyle('backgroundColor') != activeColor) {
					this.getElement('a').setStyle('backgroundColor', hoverColor);
				}
			},
			'mouseleave': function(event) {
				event.stop();
				if (this.getElement('a').getStyle('backgroundColor') == hoverColor) {
					this.getElement('a').setStyle('backgroundColor', linkColor);
				}
			},
			'click': function(event) {
				event.stop();
				if (this.getElement('a').getStyle('backgroundColor') != activeColor) {
					for (var j=0; j < listeItems.length; j++) {
						listeItems[j].getElement('a').setStyle('backgroundColor', linkColor);
					}
					this.getElement('a').setStyle('backgroundColor', activeColor);
					$('fondAccueilFiltre').set('tween', {
						duration: 1000,
						onComplete: selectRubrique(this.getElement('a'))
					});
					$('fondAccueilFiltre').tween('opacity', '1');
					for (var k=1; k < listeItems.length+1; k++) {
						$('rubrique'+k).fade('hide');
					}
				} // fin if
			} // fin click
		}); // fin addEvents
	} // fin for i

	window.addEvents({
		'resize': function() {
			verticalCenter($('container'));
		}
	});
	
	initCarte();
});