window.onload = function(){
	Obj_list_box2_sub = new fx.Height("list_box2_sub", { duration:500, onComplete:changeClass });
}

document.getElementsByClassName = function (className) {
    var i, j, eltClass;
    var objAll = document.getElementsByTagName ? document.getElementsByTagName("*") : document.all;
    var objCN = new Array();
    for (i = 0; i < objAll.length; i++) {
        eltClass = objAll[i].className.split(/\s+/);
        for (j = 0; j < eltClass.length; j++) {
            if (eltClass[j] == className) {
                objCN.push(objAll[i]);
                break;
            }
        }
    }
    return objCN;
}

function opticalSearch(obj,id) {
	divObj = obj;
	id_btn = id + '_btn';

	open_size = 60;
	close_size = 5;	

	if(document.getElementById(id_btn).className == 'close')
	{
		divObj.custom(open_size,close_size);
//		Obj_mainpic.custom(0.40,1);
	} else {
		divObj.custom(close_size,open_size);
//		Obj_mainpic.custom(1,0.4);
	}

}

function changeClass() {
	
	id = this.el.id;
	id_btn = id + '_btn';

	if(document.getElementById(id_btn).className == 'close')
	{
	  document.getElementById(id_btn).className = 'more';
	} else {
	  document.getElementById(id_btn).className = 'close';
	}
}

function changeDisplay(type1,type2,btn1,btn2)	{
	var dt01 = type1 ;
	var dt02 = type2 ;
	var dbtn1 = btn1 ;
	var dbtn2 = btn2 ;
	
	document.getElementsByClassName(dt01).style.display = 'inline' ;
	document.getElementsByClassname(dt02).style.display = 'none' ;
	
	
	document.getElementById(dbtn1).className = 'over' ;
	document.getElementById(dbtn2).className = 'under' ;

}