fadeVisual = function(){
	this.setBtn = document.getElementById("pop_num").getElementsByTagName("input");
	this.popText = new Array();
	this.popImg = new Array();
	this.popBtn = new Array();
	this.viewVisual = 0;
	
	fadeVisual.prototype.init = function(){
		for(i=0;i<this.setBtn.length;i++){
			this.setBtn[i].onclick = function(i){
				fadeVisual.changeBtn(this.id);
				fadeVisual.changeData();
			}
		}
	}
	
	fadeVisual.prototype.changeBtn = function(id){
		for(i=0;i<this.setBtn.length;i++){
			if(this.setBtn[i].id == id){
				this.setBtn[i].src = this.setBtn[i].src.replace("_off.gif", "_on.gif");
				this.viewVisual = i;
			}else{
				this.setBtn[i].src = this.setBtn[i].src.replace("_on.gif", "_off.gif");
			}
		}
	}
	
	fadeVisual.prototype.changeData = function(){
		for(i=0;i<this.setBtn.length;i++){
			this.popText[i] = document.getElementById("pop_text" + i);
			this.popImg[i] = document.getElementById("pop_img" + i);
			this.popBtn[i] = document.getElementById("pop_btn" + i);
				
			if(this.viewVisual == i){
				this.popText[i].style.display = "block";
				this.popImg[i].style.display = "block";
				this.popBtn[i].style.display = "block";
			}else{
				this.popText[i].style.display = "none";
				this.popImg[i].style.display = "none";
				this.popBtn[i].style.display = "none";
			}
		}
	}
}