var list_box_open_el = false;
var list_box_close_el = false;
var list_box_current_execute = false;

function list_box_proceed(num){
	var sumN = 30;
	var pauseD = 10;
	if((num == 0)&&(list_box_open_el != false)){
		list_box_open_el.parentNode.style.display = "block";
	}
	num++;
	perc = (1.0 - Math.cos(Math.PI * num / sumN)) * 0.5;
	perc = Math.round(101.0 * perc);
	if(list_box_open_el != false){
		list_box_open_el.style.top = "-" + (101 - perc) + "%";
	}
	if(list_box_close_el != false){
		list_box_close_el.style.top = "-" + (perc) + "%";
	}
	if(num < sumN){
		s = "list_box_proceed(" + num + ")";
   		setTimeout(s, pauseD);
	}else{		list_box_current_execute = false;
		if(list_box_close_el != false){
			list_box_close_el.parentNode.style.display = "none";
		}
	}
}
function list_box_click(el){	if(list_box_current_execute) return false;
	elem = el.parentNode.parentNode;
	for(y = 2; y >=1; y--){
		counter = y;
		el = elem;
		for(x=0; (x < el.childNodes.length) && (counter > 0); x++){
			elem = el.childNodes[x];
			if(elem.tagName == "DIV"){ counter--; }
		}
	}
	if(list_box_open_el == false){
		 list_box_open_el = elem;
		 list_box_close_el = false;
	}else{
		if(list_box_open_el == elem){
			list_box_open_el = false;
			list_box_close_el = elem;
		}else{
    		list_box_close_el = list_box_open_el;
			list_box_open_el = elem;
		}
	}
	list_box_current_execute = true;
	list_box_proceed(0);
}
