// JavaScript Document

//デバッグ用//
var debug=false;
var debug_window;
function startDebug(){
	if(window.debug_window) window.debug_window.close();
	
	if(debug){
		debug_window=window.open("debug.html" , "debug_window" , "menubar=no,scrollbars=yes");
		
		debug_window.document.write("Debug window open<br />");
	}
	
}

function debugPrint(str){
	if(!debug) return;
	if(debug_window){
		debug_window.document.write(str);
		debug_window.document.write("<br />");
	}
}
//////////////


function onLoad(){
	if(debug) startDebug();
	
	debugPrint("onLoad");
	
	for(var i =0 ; i < document.getElementsByTagName("div").length ; i++){
		var el=document.getElementsByTagName("div")[i];
		var className=getClassName(el);
		if(className == "spreader"){
			
			el.innerHTML='<a onClick="onChangeDisplay(this)" ><img src="../image/button/plus.gif" width="15px" height="15px" alt="開く"　/>  </a>';
			var clubinfo=el.parentNode;
			var info=clubinfo.getElementsByTagName("div");
			var detail=getElementByClassName(info,"detail");
			detail.style.display="none";
		}
	}

		
}

function getClassName(el){
	debugPrint("getClassName called Arg1[el]="+el);
	
	var cName=el.getAttribute("class");
	if(!cName) cName = el.getAttribute("className"); // IEは、classではなくclassNameでないと取れない
	debugPrint("getClassName returns " + cName);
	return cName;
}

function getElementByClassName(els , cName){
	debugPrint("getElementByClassName called Arg1[els]="+els.toString() + " Arg2[cName]="+cName);
	for(var i=0 ; i < els.length ; i++){
		var className=getClassName(els[i]);
		if(className == cName) return els[i];
	}
	return null;
}
function onChangeDisplay(el){
	debugPrint("onChangeDisplay called Arg1[el]="+el.toString());
	debugPrint("onChangeDispalay el.id = " + el.id.toString());
	var clubinfo = el.parentNode.parentNode;
	debugPrint(clubinfo.id.toString());
	
	var spreader=getElementByClassName(clubinfo.getElementsByTagName("div"),"spreader");
	var detail = getElementByClassName(clubinfo.getElementsByTagName("div"),"detail");
	if(detail.style.display=="none"){
		spreader.innerHTML = '<a onClick="onChangeDisplay(this)" ><img src="../image/button/minus.gif" width="15px" height="15px" alt="閉じる"　/></a>';
		detail.style.display="block";
	}
	else{
		spreader.innerHTML = '<a onClick="onChangeDisplay(this)" ><img src="../image/button/plus.gif" width="15px" height="15px" alt="開く"/></a>';
		detail.style.display="none";
	}
}