﻿function change_list (RequestID) {
	BgcolorTargetID = 'topics_tab_' + RequestID ;
	TextTargetID = 'topics_' + RequestID ;
	change_bgcolor(BgcolorTargetID) ;
	change_text(TextTargetID);
        }



function change_bgcolor(TargetID){
	var i;
	var len = document.getElementsByTagName('div').length;
	for (i = 0; i < len; i++) {
		if ( document.getElementsByTagName('div')[i].className ==  "tab_li" ) {
 		document.getElementsByTagName('div')[i].style.backgroundColor = "#f0e8c8";
                }
	}
 	document.getElementById(TargetID).style.backgroundColor = "#f1deb7";      
	}

function change_text(TargetID){
	var i;
	var len = document.getElementsByTagName('div').length;
	for (i = 0; i < len; i++) {
		if ( document.getElementsByTagName('div')[i].className ==  "topics_main" ) {
 		document.getElementsByTagName('div')[i].style.display = "none";
                }
	}
 	document.getElementById(TargetID).style.display = "block";      
	
	}

/*
//オブジェクト利用バージョン

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 change_bgcolor(TargetID){
	var i;
	var len = document.getElementsByClassName('tab_li').length;
	for (i = 0; i < len; i++) {
		document.getElementsByClassName('tab_li')[i].style.backgroundColor = "#f0e8c8";
		}
 	document.getElementById(TargetID).style.backgroundColor = "#d8d8ff";      
	}


function change_text(TargetID){
	var i;
	var len = document.getElementsByClassName('topics_main').length;
	for (i = 0; i < len; i++) {
		document.getElementsByClassName('topics_main')[i].style.display = "none";
		}
	document.getElementById(TargetID).style.display = "block";
	}
*/

