//DROP DOWN MENU WITH PROGRESSIV OPENING
//open submenu

var actual_id = "";
var NB_ITEM = 3;

function open_submenu(id) 
{	
	actual_id = id;
	for (var i = 1; i<=NB_ITEM; i++) {
	//initialization of submenu elements width=0 display none 
		if (document.getElementById('submenu'+i)) {
			document.getElementById('submenu'+i).style.width = 1;
			document.getElementById('submenu'+i).style.display='none';
			document.getElementById('text'+i).style.display='none';

		}
	}
		
	if (document.getElementById('submenu'+actual_id)){
	  //initialization of the selected element 
		document.getElementById('submenu'+actual_id).style.width = 1;
		document.getElementById('submenu'+actual_id).style.display='block';
		document.getElementById('text'+actual_id).style.display='none';

		//starting to draw submenu
		draw_submenu();
	}
}


function draw_submenu() {
      document.getElementById('submenu'+actual_id).style.width = parseInt(document.getElementById('submenu'+actual_id).style.width)+5;
      if (parseInt(document.getElementById('submenu'+actual_id).style.width)+1 < 350) {
         setTimeout('draw_submenu()', 1);}		
		  
	//starting to write submenu text
     else write_text();

}

function write_text(){
	//writing submenu text
	document.getElementById('submenu'+actual_id).style.width=350;
	document.getElementById('text'+actual_id).style.display='inline';
}


function stay_open(actual_id){
	//if mouse on an submenu element, the submenu element stay open
	document.getElementById('submenu'+actual_id).style.width=350;
	document.getElementById('submenu'+actual_id).style.display='block';
	document.getElementById('text'+actual_id).style.display='inline';
}

function close_all(){
	//if mouse out of the menu all submenus disappear
	for (i=1; i<=NB_ITEM; i++)
	{document.getElementById('submenu'+i).style.display = "none" 
	 document.getElementById('text'+i).style.display = "none"     				
	}
}