Shadowbox.init({
    language: 'en',
    players:  ['iframe','img']
});



/************************************************************************************
*									MEnu de dessus
************************************************************************************/

var timeout_tohide = 300;
var selected_li = null;
var selected_li2 = null;
var selected_ul = null;
var lis = null;
var actu_id = null;

for( var i = 0; i < 100; i++ ){
    eval("var timeoutli" + i + " = false;");
}

function initTopMenu(){
    
	if ( browser.isDOM1 
    && !( browser.isMac && browser.isIE ) 
    && !( browser.isOpera && browser.versionMajor < 7 )
    && !( browser.isIE && browser.versionMajor < 5 ) ) {
        var menu = document.getElementById('menu'); // the root element
        var lis = menu.getElementsByTagName('li'); // all the li
        
		selected_lis = towns = $("menu").getElementsBySelector('li.selected');
		if (selected_lis && selected_lis.length>0) {
			selected_li =selected_lis[0];
			if (selected_li.getElementsByTagName('ul').length > 0) selected_ul = selected_li.getElementsByTagName('ul');
			if (selected_lis.length>1){
				selected_li2 = selected_lis[1]
			}
		}
        menu.className='menu';
        
        for ( var i=0; i<lis.length; i++ ){
            if ( lis.item(i).getElementsByTagName('ul').length > 0 ) {        
                if ( browser.isIE ){
                    addAnEvent(lis.item(i),'keyup',show);
                }
                addAnEvent(lis.item(i),'mouseover',show);
                addAnEvent(lis.item(i),'mouseout',timeoutHide);
                addAnEvent(lis.item(i),'blur',timeoutHide);
                addAnEvent(lis.item(i),'focus',show);
                
                // add an id to list item
                lis.item(i).setAttribute( 'id', "li"+i );
            }
        }
    }
	reset();
}

function reset(){
	if (selected_li && selected_li2 && actu_id==null){
		selected_li.getElementsByTagName('a')[0].className = 'linkOver';
		selected_li2.getElementsByTagName('a')[0].className = 'linkOver';
		selected_li.getElementsByTagName('ul')[0].style['visibility'] = 'visible';	
	}
}

function addAnEvent( target, eventName, functionName ){
    if ( browser.isIE ){
        //attachEvent dont work properly with this
        eval('target.on'+eventName+'=functionName');
    }
    else    {
        target.addEventListener( eventName , functionName , true ); // true is important for Opera7
    }
}
    
function timeoutHide(){
	actu_id = null;
    eval( "timeout" + this.id + " = window.setTimeout('hideUlUnder( \"" + this.id + "\" )', " + timeout_tohide + " );");
}

function hideUlUnder( id ){   
	if (document.getElementById(id).getElementsByTagName('ul')[0]) {
		document.getElementById(id).getElementsByTagName('ul')[0].style['visibility'] = 'hidden';
	    var as = document.getElementById(id).getElementsByTagName('a');
	    for ( var i=0; i<as.length; i++ ){
	        as.item(i).className="";
	    }
	}
	reset();
}

function show(){
	actu_id = this.id;
	if (this.getElementsByTagName('ul')[0]) {
		this.getElementsByTagName('ul')[0].style['visibility'] = 'visible';
    	var currentNode=this;
	    while(currentNode)   {
	            if( currentNode.nodeName=='LI'){
	                currentNode.getElementsByTagName('a')[0].className = 'linkOver';
	            }
	            currentNode=currentNode.parentNode;
	    }
	    eval ( "clearTimeout( timeout"+ this.id +");" );
	    hideAllOthersUls( this );
	}
}

function hideAllOthersUls( currentLi ){
    var lis = currentLi.parentNode;
    for ( var i=0; i<lis.childNodes.length; i++ )   {
        if ( lis.childNodes[i].nodeName=='LI' && lis.childNodes[i].id != currentLi.id ){
            hideUlUnderLi( lis.childNodes[i] );
        }
    }
}

function hideUlUnderLi( li ){
    var as = li.getElementsByTagName('a');
    for ( var i=0; i<as.length; i++ ){
        as.item(i).className="";
    }
    var uls = li.getElementsByTagName('ul');
    for ( var i=0; i<uls.length; i++ ){
        uls.item(i).style['visibility'] = 'hidden';
    }
} 


/************************************************************************************
*									MEnu de gauche
************************************************************************************/

function initLeftMenu(selected_id){
	jQuery.noConflict();
	jQuery(function() {
		jQuery("#leftmenu_container").accordion({
			event: "click", /*mouseover*/
			collapsible: true,
			autoHeight: false,
			active: selected_id,
			navigation: true
		});
	});
	
	var divs = $("leftmenu_container").getElementsByClassName("sub_elements");
	for ( var i = 0 ; i< divs.length ; i++) {
		divs[i].hide();
	}
	
	divs = $("leftmenu_container").getElementsByClassName("training");
	for ( var i = 0 ; i< divs.length ; i++) {
		divs[i].observe('click', function(event) { return false; });
		
		//observe(divs[i], "click", showSubMenu.bind(this, divs[i]), false);
	}
}

function showSubMenu(menu){
	var divs = $("leftmenu_container").getElementsByClassName("sub_elements");
	for ( var i = 0 ; i< divs.length ; i++) {
		divs[i].hide();
	}
	if ($(menu)) $(menu).show();
}

/************************************************************************************
*									MEnu de partie courante
************************************************************************************/

var move_nav = 0;
var h_nav_container = 0;
var h_nav_list = 0;

var way = 0;

function initPartMenu(){
	Event.observe($("button_down_active"), "mousedown", function(){scrollNavigation(-1)});
	Event.observe($("button_down_active"), "mouseup", function(){scrollNavigation(0)});
	
	Event.observe($("button_up_active"), "mousedown", function(){scrollNavigation(1)});
	Event.observe($("button_up_active"), "mouseup", function(){scrollNavigation(0)});
	
	h_nav_container = $("menu_part").getHeight();
	h_nav_list = $("menu_part_list").getHeight();
	
	$("menu_part").scrollTop = 0;
	
	surveyNavigation();
}

function scrollNavigation(w){
	way = w;
	surveyNavigation();
}

function surveyNavigation(){
	if (h_nav_container<(h_nav_list+20)) {
		
		if ($("menu_part").scrollTop>0) {
			$("button_up_active").show();
			$("button_up").hide();
		}
		else {
			$("button_up_active").hide();
			$("button_up").show();
			if (way > 0) way = 0;
		}
		if ($("menu_part").scrollTop<(h_nav_list+15-$("menu_part").getHeight()) ) {
			$("button_down_active").show();
			$("button_down").hide();
		}
		else {
			$("button_down_active").hide();
			$("button_down").show();
			if (way < 0) way = 0;
		}
	}
	else {
		if ($("menu_part").scrollTop!=0) $("menu_part").scrollTop = 0;
		$("button_down_active").hide();
		$("button_up_active").hide();
		$("button_down").show();
		$("button_up").show();
	}
	
	if(way!=0){
		if (way < 0) $("menu_part").scrollTop  += 2;
		else  $("menu_part").scrollTop  -= 2;
		setTimeout("surveyNavigation()",40);
	}

}



/************************************************************************************
*									En plus
************************************************************************************/

function px(x){
	return ''.concat(Math.round(x), 'px');
}
