/* ----------------------------------------------------- */
/* Functions for tab sysytem */
/* ----------------------------------------------------- */

/* For detaillisttab tab */
function detaillisttab_change(num){
/* tab display change */
 select_change(num,"detaillisttab");
/* body display change */
 select_change(num,"detaillist");
}
/* For userlisttab tab */
function userlisttab_change(num){
/* tab display change */
 select_change(num,"userlisttab");
/* body display change */
 select_change(num,"userlist");
}
/* tab change engine */
function select_change(num,name){
 var tab_elements_select=getElementsByClass(name+"_select");
 var tab_elements_unselect=getElementsByClass(name+"_unselect");
 for(i=0; i<tab_elements_select.length; i++){
  tab_elements_select[i].className=name+"_unselect";
 }
 for(i=0; i<tab_elements_unselect.length; i++){
  tab_elements_unselect[i].className=name+"_unselect";
 }
 document.getElementById(name+"_"+num).className=name+"_select";
}