BasicTabMenu.js

function BasicTabMenu(aMenuContainerId, aStartTabId){
	
	var _this = this;
	var _menuContainerId;
	var _currentTabLink;
	var _currentTab;
	
	function init(aMenuContainerId, aStartTabId){
		
		_menuContainerId = aMenuContainerId;
		
		_currentTab = document.getElementById(aStartTabId);
		
		var tabLinks = jQuery('#'+_menuContainerId+' a');
		
		for(var i=0; i<tabLinks.length; i++){
			var tabLink = tabLinks[i];
			var tabIdForTabLink = tabLink.getAttribute('data-tab-id');
			
			tabLink.onclick = function(e){
				var tabId = e.currentTarget.getAttribute('data-tab-id');
				_this.setCurrentTab(e.currentTarget, tabId);
				
			}
			
			if(tabIdForTabLink == aStartTabId){
				_currentTabLink = tabLink;
				_this.setCurrentTab(tabLink, aStartTabId);	
			}
		}
		
	}
	
	this.setCurrentTab = function(aTabLink, aTabId){
		
		if(_currentTab.id == aTabId){
			return;	
		}
		
		
		if(_currentTab && _currentTab.id != aTabId){
			_currentTab.style.display = 'none';
			_currentTabLink.className = _currentTabLink.className.replace(' current-menu-item ', '');
		}
		
		_currentTab = document.getElementById(aTabId);
		_currentTabLink = aTabLink;
		_currentTab.style.display = 'block';
		_currentTabLink.className += ' current-menu-item ';
	}
	
	init(aMenuContainerId, aStartTabId);
}