var u_menu = new Array();

u_menu['first'] = 1;
u_menu['second'] = 1;
u_menu['third'] = 1;
u_menu['forth'] = 1;
u_menu['fifth'] = 1;

function initMenu(id) {
    var od = document.getElementById('d_'+id);/*td menu div*/
    od.style.overflow = 'hidden';
    u_menu[id] = 0;
};

function useMenu(id) {
    if (u_menu[id] == 1) {
        return ;
    }
	var ob = document.getElementById('b_'+id);/*td box*/
	var od = document.getElementById('d_'+id);/*td menu div*/
	var ot = document.getElementById('t_'+id);/*td menu div table*/
	var bs = 'box-s';/*css class box show*/
	var bh = 'box-i';/*css class box hide*/

	
	if (ob.className == bs) {
		/*show*/
		u_menu[id] = 1;
		useMenuShow(id, 1, 0);
	} else {
		/*hide*/
		u_menu[id] = 1;
		useMenuShow(id, 0, 0);
	}
}; 

function useMenuShow(id,c,j) {
	var ob = document.getElementById('b_'+id);/*td box*/
	var od = document.getElementById('d_'+id);/*td menu div*/
	var ot = document.getElementById('t_'+id);/*td menu div table*/
	var hr = document.getElementById('hr_'+id);/*td menu div table*/

	var bs = 'box-s';/*css class box show*/
	var bh = 'box-i';/*css class box hide*/
	
	var step = 30;
	
	var hd = parseInt(od.offsetHeight);
	var ht = parseInt(ot.offsetHeight);

	if (c) {
		/*hide*/
		if (j) {
			od.style.height = '0px';
		} else {
			if (hd > step+1) {
				od.style.height = (hd - step)+'px';
				setTimeout("useMenuShow('"+id+"',1,0)", 1);
			} else {
				od.style.height = '1px';
				ob.className = bh;
				u_menu[id] = 0;
				hr.className = 'hr_collapsed';
			}
		}
	} else {
		/*show*/
		hr.className = 'hr_expanded';
		ob.className = bs;
		if (hd < (ht)) {
			if (ht - hd < step) {
				od.style.height = ht+'px';
				u_menu[id] = 0;
				return;
			}
			od.style.height = (hd + step)+'px';
			setTimeout("useMenuShow('"+id+"',0,0)", 1);
		} else {
			od.style.height = ht+'px';
			u_menu[id] = 0;
		}
	}
};