/*** Add an event to an element..
****************************************************************************************************/
function addEvent(element, eventType, callFunction, useCapture) {
	
	// Add event listener with some cross-browser stuff..
	if(element.addEventListener) {
		element.addEventListener(eventType, callFunction, useCapture);
	} else if(element.attachEvent) {
		element.attachEvent('on'+eventType, callFunction);
	}

}
/****************************************************************************************************\
* Tabs: Script for directory module.
*	Author: Christian Kamau
\****************************************************************************************************/

/*** Initialize.. ***********************************************************************************/
var tabs = function() {	

	// Add Events..
	var welcomeButton = $('welcome');
	var devotionsButton = $('devotions');
	var onlinechurchButton = $('onlinechurch');
	var getinvolvedButton = $('getinvolved');
	var resourcesButton = $('resources');
	var popularButton = $('popular');		
	var popularButton = $('popular');			
	
	addEvent(welcomeButton, 'click', tabs.loadPage, false);
	addEvent(welcomeButton, 'mouseover', tabs.loadPage, false);
	
	addEvent(devotionsButton, 'click', tabs.loadPage2, false);
	addEvent(devotionsButton, 'mouseover', tabs.loadPage2, false);
		
	addEvent(onlinechurchButton, 'click', tabs.loadPage3, false);
	addEvent(onlinechurchButton, 'mouseover', tabs.loadPage3, false);
		
	addEvent(getinvolvedButton, 'click', tabs.loadPage4, false);
	addEvent(getinvolvedButton, 'mouseover', tabs.loadPage4, false);
		
	addEvent(resourcesButton, 'click', tabs.loadPage5, false);
	addEvent(resourcesButton, 'mouseover', tabs.loadPage5, false);		
	
	addEvent(popularButton, 'click', tabs.loadPage6, false);
	addEvent(popularButton, 'mouseover', tabs.loadPage6, false);		
	
	welcomeButton.className = 'highlight';
	
	var container = $('nav-welcome');
	var container2 = $('nav-devotions');
	var container3 = $('nav-onlinechurch');
	var container4 = $('nav-getinvolved');		
	var container5 = $('nav-resources');
	var container6 = $('nav-popular');
	var container6 = $('nav-popular');	
	
	container.style.display = 'block';
	container2.style.display = 'none';
	container3.style.display = 'none';
	container4.style.display = 'none';
	container5.style.display = 'none';
	container6.style.display = 'none';
	
}

/*** Load Page.. *************************************************************************************/
tabs.loadPage = function() {
	
	// Set page and content
	var container = $('nav-welcome');
	var container2 = $('nav-devotions');
	var container3 = $('nav-onlinechurch');
	var container4 = $('nav-getinvolved');		
	var container5 = $('nav-resources');
	var container6 = $('nav-popular');
	
	var welcomeButton = $('welcome');
	var devotionsButton = $('devotions');
	var onlinechurchButton = $('onlinechurch');
	var getinvolvedButton = $('getinvolved');
	var resourcesButton = $('resources');
	var popularButton = $('popular');			
	
	container.style.display = 'block';
	container2.style.display = 'none';
	container3.style.display = 'none';
	container4.style.display = 'none';
	container5.style.display = 'none';
	container6.style.display = 'none';	
	
	welcomeButton.className = 'highlight';
	devotionsButton.className = '';
	onlinechurchButton.className = '';
	getinvolvedButton.className = '';		
	resourcesButton.className = '';
	popularButton.className = '';

	
}

tabs.loadPage2 = function() {
	
	// Set page and content
	var container = $('nav-welcome');
	var container2 = $('nav-devotions');
	var container3 = $('nav-onlinechurch');
	var container4 = $('nav-getinvolved');		
	var container5 = $('nav-resources');
	var container6 = $('nav-popular');
		
	var welcomeButton = $('welcome');
	var devotionsButton = $('devotions');
	var onlinechurchButton = $('onlinechurch');
	var getinvolvedButton = $('getinvolved');
	var resourcesButton = $('resources');
	var popularButton = $('popular');			
	
	container.style.display = 'none';
	container2.style.display = 'block';
	container3.style.display = 'none';
	container4.style.display = 'none';
	container5.style.display = 'none';
	container6.style.display = 'none';	

	welcomeButton.className = '';
	devotionsButton.className = 'highlight';
	onlinechurchButton.className = '';
	getinvolvedButton.className = '';		
	resourcesButton.className = '';
	popularButton.className = '';
			
}

tabs.loadPage3 = function() {
	
	// Set page and content
	var container = $('nav-welcome');
	var container2 = $('nav-devotions');
	var container3 = $('nav-onlinechurch');
	var container4 = $('nav-getinvolved');		
	var container5 = $('nav-resources');
	var container6 = $('nav-popular');
		
	var welcomeButton = $('welcome');
	var devotionsButton = $('devotions');
	var onlinechurchButton = $('onlinechurch');
	var getinvolvedButton = $('getinvolved');
	var resourcesButton = $('resources');
	var popularButton = $('popular');			
	
	container.style.display = 'none';
	container2.style.display = 'none';
	container3.style.display = 'block';
	container4.style.display = 'none';
	container5.style.display = 'none';
	container6.style.display = 'none';	
	welcomeButton.className = '';
	devotionsButton.className = '';
	onlinechurchButton.className = 'highlight';
	getinvolvedButton.className = '';		
	resourcesButton.className = '';
	popularButton.className = '';
	
}

tabs.loadPage4 = function() {
	
	// Set page and content
	var container = $('nav-welcome');
	var container2 = $('nav-devotions');
	var container3 = $('nav-onlinechurch');
	var container4 = $('nav-getinvolved');		
	var container5 = $('nav-resources');
	var container6 = $('nav-popular');
		
	var welcomeButton = $('welcome');
	var devotionsButton = $('devotions');
	var onlinechurchButton = $('onlinechurch');
	var getinvolvedButton = $('getinvolved');
	var resourcesButton = $('resources');
	var popularButton = $('popular');			
	
	container.style.display = 'none';
	container2.style.display = 'none';
	container3.style.display = 'none';
	container4.style.display = 'block';
	container5.style.display = 'none';
	container6.style.display = 'none';	
	welcomeButton.className = '';
	devotionsButton.className = '';
	onlinechurchButton.className = '';
	getinvolvedButton.className = 'highlight';		
	resourcesButton.className = '';
	popularButton.className = '';
	
}


tabs.loadPage5 = function() {
	
	// Set page and content
	var container = $('nav-welcome');
	var container2 = $('nav-devotions');
	var container3 = $('nav-onlinechurch');
	var container4 = $('nav-getinvolved');		
	var container5 = $('nav-resources');
	var container6 = $('nav-popular');
		
	var welcomeButton = $('welcome');
	var devotionsButton = $('devotions');
	var onlinechurchButton = $('onlinechurch');
	var getinvolvedButton = $('getinvolved');
	var resourcesButton = $('resources');
	var popularButton = $('popular');			
	
	container.style.display = 'none';
	container2.style.display = 'none';
	container3.style.display = 'none';
	container4.style.display = 'none';
	container5.style.display = 'block';
	container6.style.display = 'none';	
	welcomeButton.className = '';
	devotionsButton.className = '';
	onlinechurchButton.className = '';
	getinvolvedButton.className = '';		
	resourcesButton.className = 'highlight';
	popularButton.className = '';
	
}

tabs.loadPage6 = function() {
	
	// Set page and content
	var container = $('nav-welcome');
	var container2 = $('nav-devotions');
	var container3 = $('nav-onlinechurch');
	var container4 = $('nav-getinvolved');		
	var container5 = $('nav-resources');
	var container6 = $('nav-popular');
		
	var welcomeButton = $('welcome');
	var devotionsButton = $('devotions');
	var onlinechurchButton = $('onlinechurch');
	var getinvolvedButton = $('getinvolved');
	var resourcesButton = $('resources');
	var popularButton = $('popular');				
	
	container.style.display = 'none';
	container2.style.display = 'none';
	container3.style.display = 'none';
	container4.style.display = 'none';
	container5.style.display = 'none';
	container6.style.display = 'block';
	welcomeButton.className = '';
	devotionsButton.className = '';
	onlinechurchButton.className = '';
	getinvolvedButton.className = '';		
	resourcesButton.className = '';
	popularButton.className = 'highlight';	
	
}
/*** Initialize on window load.. *********************************************************************/
addEvent(window, 'load', tabs, false);