/* chapterTab menu */
var tab = {
	init: function(){
		var tabs = this.setup.tabs;
		var chapters = this.setup.chapters;
		var imgs = this.setup.imgs;
		var arg = arguments;
		var param_name = 'page';
		
		for(var i=0; i<chapters.length; i++) {
			if(i !== 0) chapters[i].style.display = 'none';
			tabs[i].onclick = function(){ tab.showpage(this, arg); return false; };
		}
		
		// request param
		if(location.search){
			var query = location.search;
			query = query.substring(1,query.length);
			var querys = new Array();
			querys = query.split("&");
			
			for(var i=0; i<querys.length; i++){
				var pram = new Array();
				pram = querys[i].split("=");
				var name = pram[0];
				var value = pram[1];
				
				if(name == param_name) {
					for(var i=0; i<chapters.length; i++) {
						if(i == value) {
							chapters[value].style.display = 'block';
							imgs[i].src = imgs[i].src.replace('off','on');
						}
						else{
							chapters[i].style.display = 'none';
							imgs[i].src = imgs[i].src.replace('_on','_off');
						}
					}
				}
			}
		}
		
		
		if(arg) {
			for(var i=0; i<arg.length; i++) {
				document.getElementById(arg[i]).style.display = 'none';
			}
		}
	},
	
	showpage: function(obj, arg){
		var tabs = this.setup.tabs;
		var chapters = this.setup.chapters;
		var imgs = this.setup.imgs;
		var num;
		
		for(num=0; num<tabs.length; num++) {
			if(tabs[num] === obj) break;
		}
		
		for(var i=0; i<chapters.length; i++) {
			if(i == num) {
				chapters[num].style.display = 'block';
				imgs[i].src = imgs[i].src.replace('_off','_on');
			}
			else{
				chapters[i].style.display = 'none';
				imgs[i].src = imgs[i].src.replace('_on','_off');
			}
		}
		
		// hide id
		if(arg) {
			for(var i=0; i<arg.length; i++) {
				document.getElementById(arg[i]).style.display = 'none';
			}
		}
	}
}