function getElementByClass(className) {
    className = ' ' + className + ' ';
    var all = document.getElementsByTagName('*');
    var elements = new Array();
    for (var i = 0; i < all.length; i++) {
        if (0 <= (' ' + all[i].className + ' ').indexOf(className)) {
            elements[elements.length] = all[i];
        }
    }
    return elements;
}


$(function(){
	$(".change_thumb").click(function(){
		tarid = $(this).attr("id").split("_")[0]; 	// IDを取得
		tarnum = $(this).attr("id").split("_")[1];	// クリックされた番号を取得

		// 取得したIDのthumb_grpの子を全て半透明にする
		$("div#" + tarid + "_thumb_grp > *").css({
				"border": "none",
				"filter": "Alpha(opacity=30)",
				"opacity": "0.3"
		});
	
		// クリックされた番号のみ半透明ではなくす
		$("img#" + tarid + "_" + tarnum + "_thumb").css({
			"border": "1px #999 solid",
			"filter": "Alpha(opacity=100)",
			"opacity": "1.0"
		});

		$("div#" + tarid + "_grp > *").hide();
		$("div#" + tarid + "_" + tarnum).show();
	});	
});

function setupChangeText(){
//	initText();
	initThumb();
};

function initThumb(){
	changediv = getElementByClass("change_thumb_grp");

	for (i in changediv) {
  	
		$("div#" + changediv[i].id + " > *").css({
				"border": "none",
				"filter": "Alpha(opacity=30)",
				"opacity": "0.3"
		});
	
		
		$("div#" + changediv[i].id + " img:first-child").css({
			"border": "1px #999 solid",
			"filter": "Alpha(opacity=100)",
			"opacity": "1.0"
		});
  }
};

function initText(){
	changediv = getElementByClass("change_grp");

	for (i in changediv) {
		$("div#" + changediv[i].id + " > *").hide();
		$("div#" + changediv[i].id + " div:first-child").show();
	}
};