// JavaScript Document

function changeInfoOn(info,titles){
	document.getElementById(titles).style.backgroundColor = '#555555';
	document.getElementById(info).style.display = 'block';
}

function changeInfoOff(info,titles){
	document.getElementById(titles).style.backgroundColor = '#333333';
	document.getElementById(info).style.display = 'none';
}

function getSkillList(bodyname){
	var skbody = document.getElementById(bodyname);
	
	return skbody.childNodes;
}

function viewSkill(type){
	
	var skbody = getSkillList('skillbody');
	var i;
	var classname;
	var trtag;
	
	for(i=0; i<skbody.length; i++){
		if(skbody[i].className){
			classname = skbody[i].className;
			
			if(classname != type && type != 'all'){
				skbody[i].style.display = 'none';
			}
			else{
				skbody[i].style.display = '';
			}
		}
	}
}

function viewItem(type){
	
	var skbody = getSkillList('itembody');
	var i;
	var classname;
	var trtag;
	
	for(i=0; i<skbody.length; i++){
		if(skbody[i].className){
			classname = skbody[i].className;
			
			if(classname != type && type != 'all'){
				skbody[i].style.display = 'none';
			}
			else{
				skbody[i].style.display = '';
			}
		}
	}
}

function viewTec(type){
	var tec_type = new Array(4);
	tec_type[0] = 'battle';
	tec_type[1] = 'magic';
	tec_type[2] = 'field';
	tec_type[3] = 'create';
	
	var i;
	
	for(i=0;i<4;i++){
		if(type != tec_type[i] && type != 'all'){
			document.getElementById(tec_type[i] + '_tec').style.display = 'none';
		}
		else{
			document.getElementById(tec_type[i] + '_tec').style.display = '';
		}
	}
}

function viewhideIn(target){
	if(document.getElementById(target).style.display == 'block' ){
		document.getElementById(target).style.display = 'none';
	}
	else{
		document.getElementById(target).style.display = 'block';
	}
}