// JavaScript Document
function foldingBox(){}
foldingBox.prototype={
	setDefault : function(container){
		this.contianer=this.getContianer(container)
		this.clickTitles=this.contianer.getElementsByTagName('h4')
		this.titleLength=this.clickTitles.length;
		this.selfObject=this;
		this.currentUnfoldNum=0
		},
		
	getContianer : function(container){
		container=document.getElementById(container)
		return container;
		},
	
	setDisplayNone : function(){
		this.clickTitles[0].className='unfolded'
		for(var i=1;i<this.titleLength;i++){
			var featureContent=this.clickTitles[i].nextSibling
			while(featureContent.nodeType!==1){featureContent=featureContent.nextSibling}
			featureContent.style.display='none'
			this.clickTitles[i].className='folded'
			}
		},
	addClickEvent : function(element,elementNum,self){
		element.onclick=function(){
			var ElementContent=element.nextSibling;
			while(ElementContent.nodeType!==1){ElementContent=ElementContent.nextSibling}
		if(self.currentUnfoldNum!==elementNum){
			element.className='unfolded'
			ElementContent.style.display='block'
			var previousTitle=self.clickTitles[self.currentUnfoldNum]
			var previousContent=previousTitle.nextSibling;
			while(previousContent.nodeType!==1){previousContent=previousContent.nextSibling}
			previousTitle.className='folded'
			previousContent.style.display='none'
			self.currentUnfoldNum=elementNum
			}
		else if(element.className==='folded'){
			element.className='unfolded'
			ElementContent.style.display='block'
			}
		else {
			element.className='folded'
			ElementContent.style.display='none'}
			}
		},	
	processing : function(contianer){
		this.setDefault(contianer)
		this.setDisplayNone()
		for(var i=0;i<this.titleLength;i++){
			this.addClickEvent(this.clickTitles[i],i,this.selfObject)
			}
		}
	}
folding=new foldingBox;
DOS.addOnload(function(){folding.processing('featureBox')})