
tabBoardData = new Object();
tabBoardData.tabTitleIndex = "_tabTitle_";
tabBoardData.tabContentIndex = "_tabContent_";
tabBoardData.selectedClass = "selected";
tabBoardData.unselectedClass = "unselected";
tabBoardData.hoverClass = "hover";

function setTabBoard(id, number, event, selected){

	for(i=1;i<=number;i++){

		var tabObj = $("#"+id+tabBoardData.tabTitleIndex+i);
		var contentObj = $("#"+id+tabBoardData.tabContentIndex+i);
		
		// 設定預設
		if(i==selected){
			tabObj.addClass(tabBoardData.selectedClass);
			contentObj.show();
		}
		else{
			tabObj.addClass(tabBoardData.unselectedClass);
			contentObj.hide();
		}
		
		// 設定 Event
		if(event==0){
			setTabMouseOverEvent(id, i, selected);
			if(i!=selected){
				tabObj.click(
					function(){
						setProcess('讀取中');
						window.location.href = $(this).find("span").attr("forward");
					}
				);				
			}
		}		
		if(event==1){
			setTabMouseOverEvent(id, i, selected);
			setTabPanelEvent("click", id, i, number);
		}
		else if(event==2){
			setTabPanelEvent("mouseover", id, i, number);
		}
		
	}
}


function setTabMouseOverEvent(id, index, selected){
	var tabObj = $("#"+id+tabBoardData.tabTitleIndex+index);
	tabObj.hover(
			function(){
				$(this).removeClass(tabBoardData.unselectedClass);
				$(this).addClass(tabBoardData.hoverClass);
			},
			function(){
				$(this).removeClass(tabBoardData.hoverClass);
				$(this).addClass(tabBoardData.unselectedClass);								
			}							
	);
}


function setTabPanelEvent(eventType, id, index, number){

	var tabObj = $("#"+id+tabBoardData.tabTitleIndex+index);
	var contentObj = $("#"+id+tabBoardData.tabContentIndex+index);	
	
	tabObj.bind(
		eventType,
		function(){
			for(i=1;i<=number;i++){
				var otabObj = $("#"+id+tabBoardData.tabTitleIndex+i);
				var otabContentObj = $("#"+id+tabBoardData.tabContentIndex+i);
				otabObj.removeClass();
				otabObj.addClass(tabBoardData.unselectedClass);
				otabContentObj.hide();
			}
			tabObj.removeClass();
			tabObj.addClass(tabBoardData.selectedClass);
			contentObj.show();
		}
	);	
	
}
