var TabBoard3 = Class.create({
	initialize: function(name, defaultMenu, menuArr, imgArr, height) {
		this.name = name;
		this.currentMenu = defaultMenu;
		this.menuArr = menuArr;
		this.imgArr = imgArr;
		this.prefixImg = "";
		
		var wrapStyle = "position:relative";
		if ( "" != height ) {
			wrapStyle += ";height:" + height;
		}
		Element.setStyle( $$("#" + name + " .cwrap" )[0], wrapStyle );
		
		this.menuList = $$("#" + name + " .cmenu" );
		this.moreList = $$("#" + name + " .cmoreMenu" );
		this.contentsList = $$("#" + name + " .ccontentWrap" );
		
		this.menuList[0].style.left = "0";
		var menuHeight = this.menuList[0].offsetHeight;
		for( var i=0; i<this.menuList.length; i++ ) {
			Element.setStyle( this.menuList[i], "position:absolute;left:0px;top:0px;" );
			if ( i > 0 ) {
				var imgTag = this.menuList[i-1].getElementsByTagName( "img" )[0];
				this.menuList[i].style.left = (parseInt( this.menuList[i-1].style.left ) + imgTag.width) + "px";
			}
		}
		
		
		if ( this.moreList ) {
			var moreLeftPos = parseInt( this.menuList[this.menuList.length-1].style.left ) + this.menuList[this.menuList.length-1].getElementsByTagName( "img" )[0].width;
			for( var i=0; i<this.moreList.length; i++ ) {
				Element.setStyle( this.moreList[i], "position:absolute;left:0px;top:0px;" );
				this.moreList[i].style.left = moreLeftPos + "px";
				if ( i != 0 ) {
					this.moreList[i].hide();
				}
			}
		}
		
		for( var i=0; i<this.contentsList.length; i++ ) {
			Element.setStyle( this.contentsList[i], "position:absolute;left:0px;top:0px;" );
			this.contentsList[i].style.top = menuHeight + "px";
			if ( i != 0 ) {
				this.contentsList[i].hide();
			}
		}
	},

	setMenuList : function(arrMenu) {
		this.menuList = arrMenu;
	},
	
	setPrefixImg : function(prefixImg) {
		this.prefixImg = prefixImg;
	},
	
	setDefaultMenu : function( menu ) {
		this.currentMenu = menu;
	},
	
	changeFrame: function( idx ) {
		for( var i=0; i<this.menuList.length; i++ ) {
			if ( i == idx ) {
				this.contentsList[i].show();
				this.menuList[i].getElementsByTagName( "img" )[0].src = this.imgArr[i] + "_a.gif";
				if ( this.moreList ) {
					this.moreList[i].show();
				}
			} else {
				this.contentsList[i].hide();
				this.menuList[i].getElementsByTagName( "img" )[0].src = this.imgArr[i] + ".gif";
				if ( this.moreList ) {
					this.moreList[i].hide();
				}
			}
		}
	}
});