var MenuBox = function() {



	this.id ='';
	this.debug = 1;
	this.img_directory = '../images/carnet_spirale/';
	this.menu_name='menucolor';
	this.smenu_name='smenucolor';
	this.cursor_over='pointer';
	this.cursor_out ='default';
	bg_on = new Array();
	bg_on[0] ='spir_on_rouge.png';
	bg_on[1] ='spir_on_rose1.png';
	bg_on[2] ='spir_on_violet.png';
	bg_on[3] ='spir_on_violet2.png';
	bg_on[4] ='spir_on_bleu.png';
	bg_on[5] ='spir_on_bleu2.png';
	bg_on[6] ='spir_on_bleu4.png';
	bg_on[7] ='spir_on_bleu3.png';				
	bg_on[8] ='spir_on_vert1.png';
	bg_on[9] ='spir_on_vert2.png';
	bg_on[10] ='spir_on_vert3.png';
	bg_on[11] ='spir_on_vert4.png';
	bg_on[12] ='spir_on_orange.png';
	bg_on[13] ='spir_on_orange2.png';
	bg_on[14] ='spir_on_orange3.png';
	bg_on[15] ='spir_on_brun.png';
	bg_off = new Array();
	bg_off[0] ='spirale_rouge.png';
	bg_off[1] ='spirale_rose1.png';
	bg_off[2] ='spirale_violet.png';
	bg_off[3] ='spirale_violet2.png';
	bg_off[4] ='spirale_bleu.png';
	bg_off[5] ='spirale_bleu2.png';
	bg_off[6] ='spirale_bleu4.png';
	bg_off[7] ='spirale_bleu3.png';				
	bg_off[8] ='spirale_vert1.png';
	bg_off[9] ='spirale_vert2.png';
	bg_off[10] ='spirale_vert3.png';
	bg_off[11] ='spirale_vert4.png';
	bg_off[12] ='spirale_orange.png';
	bg_off[13] ='spirale_orange2.png';
	bg_off[14] ='spirale_orange3.png';
	bg_off[15] ='spirale_brun.png';
	
	bg_sous_menu = 'spirale_sous_menu.png';	
			
	state = -1;

        var my_object = this;
	var debug_state=0;

	
	
	
	
	
	function debug(label)
		{
			if(my_object.debug>0 && debug_state==0)
				{
				debug_state=1;
				alert("Erreur dans MenuBox\n-----------------\n"+label+"\n");	
				}	
			
		}

	pload_img_on = new Array();
	pload_img_off = new Array();
	
		
	i=0;while(i < bg_on.length)
		{
		try
			{		
			pload_img_on[i] = new Image();
			pload_img_on[i].src = my_object.img_directory + bg_on[i]; 
			pload_img_off[i] = new Image();
			pload_img_off[i].src = my_object.img_directory + bg_off[i];
			}
	 	catch(e)
	 		{
	 		debug(e+' preload image ' + i);	
	 		}	
		i++;	
	}
	
	pload_sous_menu = new Image();
	pload_sous_menu.src =  my_object.img_directory + bg_sous_menu;
	
	function set_init(except)
		{
			
			i=0;while(i < bg_on.length)
					{
					if(i != except)
						{	
											
						try{document.getElementById(my_object.smenu_name+i).className = "hidden";}catch(e){debug(e+' 1' + i);}
						try{document.getElementById(my_object.menu_name+i).style.backgroundImage = 'url(' + my_object.img_directory + bg_off[i] + ')';}catch(e){debug(e+' 2 '+i);}
						}
					i++;	
					}			
			
		}	



		this.click= function()
		{
			
			if(my_object.id !='')
			
				{
				try{document.getElementById(my_object.menu_name+my_object.id).style.backgroundImage = 'url(' + my_object.img_directory + bg_on[my_object.id] + ')';}catch(e){debug(e+' 3');}
				try{document.getElementById(my_object.smenu_name+my_object.id).className = "visible";}catch(e){debug(e+' 4');}

				if(state != my_object.id) {set_init(my_object.id);state = my_object.id;}else {set_init(-1);state=-1;}
				
					
				}
			else 
				{
				debug('identifiant vide dans la méthode click');	
				} 
			
		}
		
		this.mouseover= function()
		{
		set_init(state);
		try{document.getElementById(my_object.menu_name+my_object.id).style.cursor = my_object.cursor_over}catch(e){debug(e+' cursor on ');}
		try{document.getElementById(my_object.menu_name+my_object.id).style.backgroundImage = 'url(' + my_object.img_directory + bg_on[my_object.id] + ')';}catch(e){debug(e+' 3');}
			
		}

		this.mouseout= function()
		{
		try{document.getElementById(my_object.menu_name+my_object.id).style.cursor = my_object.cursor_out}catch(e){debug(e+' cursor out ');}	
		set_init(state);	
			
		}
		
}