﻿window.onload = function initTsAll(){
	selectHistory();
	var lang = document.getElementById('select_langue');
	selectLanguage(lang);
	initMenu();
};

var tps;
var tps2;
/** Fonction gérant l'affichage du menu et des sous-menus **/
function initMenu(){
	var menu1 = document.getElementById('li1');
	var sMenu1 = document.getElementById('sM1');
	var lien = menu1.getElementsByTagName('a');;
	lien[0].onclick = function(){
	    if(sMenu1.className == ''){
                if(tps == null)
                    tps = setInterval( "increaseHeight2()", 20);
                    
            } else if(sMenu1.className == 'sMActif') {
                if(tps2 == null)
                    tps2 = setInterval( "reduceHeight2()", 10);
            }
	}
}


/** Fonction qui agrandit la liste **/
function increaseHeight2(){
    var sMenu1 = document.getElementById('sM1');
    sMenu1.className = 'sMActif';
    sMenu1.style.display = 'block';
    sMenu1.style.height = sMenu1.offsetHeight+1+'px';
    if(sMenu1.offsetHeight >  54){
        clearInterval(tps);
        tps =null;
    }
}

/** Fonction qui réduit la liste **/
function reduceHeight2(){
    var sMenu1 = document.getElementById('sM1');
    sMenu1.className = '';
    sMenu1.style.height = sMenu1.offsetHeight-1+'px';
    if(sMenu1.offsetHeight < 1){
        clearInterval(tps2);
        tps2 = null;
        sMenu1.style.display = 'none';
    }
}




var timer = null;
var timer2 = null;

/** Fonction qui déroule le menu des langues au clique de la souris **/
function selectLanguage(lang){
    lang.onclick = 
        function(){ 
            if(lang.className == ''){
                if(timer == null)
                    timer = setInterval( "increaseHeight()", 20);
                    
            } else if(lang.className == 'langActif') {
                if(timer2 == null)
                    timer2 = setInterval( "reduceHeight()", 50);
                    opacity('select_langue', 30, 100, 2000);
            }
        }
    
    var flags = lang.getElementsByTagName('li');
    var target;
    /*for(var i=0, z=flags.length ; i <= z ; i++){
        if(flags[i]){
            flags[i].ondblclick = 
                function(event){
                    if(document.all){
		                target = window.event.srcElement;
	                }else{	
		                target = event.target;
	                }
	                
	                var elt = document.getElementById(target.parentNode.parentNode.id);
	                var liste = elt.parentNode;
	                if(elt.id != 'middle'){
	                    var contentLi = elt.innerHTML;
	                    liste.removeChild(elt);
	                    var contentListe = liste.innerHTML;
	                    liste.innerHTML = '<li id="'+ elt.id +'">'+contentLi+'</li>' + contentListe;
	                }else{alert('ta mere');}

	                /*if (event.stopPropagation) {
	                    event.stopPropagation();
	                }else{
		                event.cancelBubble = true;
	                }
                }
            }
    }*/
}


/** Fonction qui agrandit la liste **/
function increaseHeight(lang){
    var lang = document.getElementById('select_langue');
    lang.className = 'langActif';
    lang.style.height = lang.offsetHeight+1+'px';
    if(lang.offsetHeight >  66){
        clearInterval(timer);
        timer =null;
    }
}

/** Fonction qui réduit la liste **/
function reduceHeight(){
    var lang = document.getElementById('select_langue');
    lang.className = '';
    lang.style.height = lang.offsetHeight-5+'px';
    if(lang.offsetHeight < 23){
        clearInterval(timer2);
        timer2 = null;
    }
}

/** Fonction qui change l'opacité d'un élément **/
function changeOpacity(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

/** Fonction qui change l'opacité d'un élément au fur et à mesure sur une durée définie **/
function opacity(id, opacStart, opacEnd, millisec) {
    var speed = Math.round(millisec / 100);
    var timerOp = 0;
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpacity(" + i + ",'" + id + "')",(timerOp * speed));
            timerOp++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpacity(" + i + ",'" + id + "')",(timerOp * speed));
            timerOp++;
        }
    }
}


function selectHistory(){
    var history = document.getElementById('historique');
    if(history){
        var menu = document.getElementById('menu_hist');
        var liens = menu.getElementsByTagName('a');
        var select_id; var target; var z=liens.length;
        for(var i=0 ; i<z ; i++){
            liens[i].onclick = function(event){
                    initPageHistory();
                    if(document.all){
	                    target = window.event.srcElement;
                    }else{	
	                    target = event.target;
                    }
                    select_id = target.className;
                    target.parentNode.className = 'active';
                    target.className += '_actif actif';
                    document.getElementById(select_id).className = 'db';
                }
        }
    }
}

function initPageHistory(){
    var menu = document.getElementById('menu_hist');
    var liens = menu.getElementsByTagName('a');
    var txt = document.getElementById('txt');
    var divs = txt.getElementsByTagName('div');
    var z=liens.length; var w=divs.length;
    
    for(var i=0 ; i<z ; i++){
        liens[i].className = (liens[i].className).substring(0,6);
        liens[i].parentNode.className = '';
    }
    for(var j=0 ; j<w ; j++){
        if(divs[j]){
            divs[j].className = 'dn';
        }
    }
}




