// JavaScript Document
var J = jQuery.noConflict();
var mycolor;
var color= new Array;
var mytempo;
var mymode;
var to_show;
J(document).ready( function () {
	
	//Configuration des couleurs par ordre de menu (fichier theme.css)
	var selected = '';
	color[0]="bleu";
	color[1]="rouge";
	color[2]="orange";
	color[3]="vert";
 	color[4]="violet";
	color[5]="bleuFonce";
	color[6]="jaune";
	
	var defaultColor = "bleu";
	
	var monTheme = J(':input[name="theme"]').val();
	if(monTheme == 'espacereserve') {
		defaultColor = "rose";
	}
	
	//host
	var host = 'http://'+location.hostname;
	if(location.hostname == 'localhost' || location.hostname.search(/192.168.0.+/) != -1){
		host += '/occe';
	}
	host += '/federation';
	
	J("#menu li").each( function (i){

		if(J(this).hasClass("selected")){
				J("#sousMenu ul li ul li span").eq(i).show();
				J("#sousMenu ul .parent").eq(i).css('display','inline');
				J(".color").attr("id",color[i]);
				J("#bandeau img").attr(
					"src",
					host+"/templates/occe/images/theme/"+color[i]+"/header.jpg"
				);
		}

		J("#menu li").eq(i).mouseenter( function () {
			if(!J(this).hasClass('rollOver')){
				clearTimeout(to_show);
				showOnTimeout(i);
			}
		});

		//affiche le sous menu avec la bonne couleur ou par defaut la première couleur du tableau
		if(color[i]!=undefined){
			J("#menu li table").eq(i).attr("id",color[i]+"Hover");
			J("#sousMenu ul .parent").eq(i).attr("id",color[i]+"SousMenu");
			J("#sousMenu ul li ul").eq(i).prepend("<div class='separateur'></div>");
		}
		else{
			J("#menu li table").eq(i).attr("id",defaultColor+"Hover");
			J("#sousMenu ul .parent").eq(i).attr("id",defaultColor+"SousMenu");
		}					  
	});
	
	//permet d'afficher le menu en couleur si le sous menu est selectionner
	J("#sousMenu ul .parent").each( function (j){
		if(J(this).hasClass("active")){
			J("#sousMenu ul .parent").eq(j).css('display','inline');
			J("#menu li").eq(j).addClass("selected");
			J(".color").attr("id",color[j]);
			J("#bandeau img").attr(
				"src",
				host+"/templates/occe/images/theme/"+color[j]+"/header.jpg"
			);
			mycolor = color[j];
		}
	})
		
	if(!J("#menu li").hasClass("selected")){
		J(".color").attr("id",defaultColor);
		J("#bandeau img").attr(
			"src",
			host+"/templates/occe/images/theme/"+defaultColor+"/header.jpg"
		);
		mycolor = defaultColor;
	}
	
	//on averti que la couleur du menu est définie
	J(document).trigger("colorset");
	
	//si on a un sous menu gauche, on ne dévoile pas le sous menu en ligne
	if(J(".menu_news").length > 0){
		J("#sousMenu ul .parent").hide();
	}
	
		//preload images menus
	J.each(color, function(index, item){
		//gif
		J.preload(
		[ 'coinBD', 'coinBG', 'coinHD', 'coinHG', 'repeatX' ], 
			{
			base: host+'/templates/occe/images/theme/'+item+'/',
			ext:'.gif',
			enforceCache: true
		});
		//jpeg
		J.preload(
		[ 'header', 'button_search' ], 
			{
			base: host+'templates/occe/images/theme/'+item+'/',
			ext:'.jpg',
			enforceCache: true
		});
	});
});

function outMenu(elt){
	clearMenu();
	J(elt).unbind('mouseover', outMenu);
}
function clearMenu(){
	clearTimeout(to_show);
	J("#sousMenu ul .parent").hide();
	J("#menu li").removeClass("rollOver");
	J("#sousMenu ul .parent").unbind('mouseenter', clearTO);
}
function showMenu(nb){
	J("#menu li").removeClass("rollOver");
	J("#sousMenu ul .parent").hide();
	J("#sousMenu ul .parent").unbind('mouseenter', clearTO);
	J("#menu li").eq(nb).addClass("rollOver");
	J("#sousMenu ul .parent").eq(nb).css('display','inline');
	J("body > div:first-child > div:not(#menu, #sousMenu)").bind('mouseover', outMenu);
	J("#sousMenu ul .parent").eq(nb).bind('mouseenter', clearTO);
}
function clearTO(){
	clearTimeout(to_show);
}
function showOnTimeout(nb){
	to_show = setTimeout(function(){
		showMenu(nb);
	},200);
}