/* Vars */


	// this array must match the variables stored in the URL string
	var navArray = new Array('one', 'two', 'all');
	var itemToShow = 'one';


	/* Runtime */

	
 // This section will look for a Variable added onto the URL and
 // assign it to a JavaScript variable called: itemToShow
	var pattern = /\?/;
	var result = pattern.exec(window.location.toString());
	
	if (result) {
		
		var passedVariable = window.location.toString().split('?')[1];
		var pattern2 = new RegExp('page=');
		var result2 = pattern2.exec(passedVariable);
		
		if (result2) {
			
			passedVariable = passedVariable.split('page=')[1];
			
			var pattern3 = /\&/;
			var result3 = pattern3.exec(passedVariable)
			
			if (result3) {
				passedVariable = passedVariable.split('&')[0];
			};
			
			var ok = false;
			
			for (var x = 0; x < navArray.length; x++) {
			
				if (passedVariable == navArray[x]) {
					
					if (passedVariable != itemToShow) {
						itemToShow = passedVariable;
					};
				};
			};
		};
	};
	

/*     Functions     */

function init() {
	addDataObjects('topNav');
	addDataObjects('bottomNav');
	
	var top1 = document.getElementById('top1');
	var top2 = document.getElementById('top2');
	var topall = document.getElementById('topall');
	var bot1 = document.getElementById('bot1');
	var bot2 = document.getElementById('bot2');
	var botall = document.getElementById('botall');
	
	if (itemToShow == 'one') {
	
		var wrapper2 = document.getElementById('wrapperPage2');
		wrapper2.hasAttribute ? wrapper2.setAttribute('style','display: none;') : wrapper2.style.display = 'none';
	
		top1.hasAttribute ? top1.setAttribute('class','selected') : top1.className = 'selected';
		top1.hasAttribute ? top1.setAttribute('src','images/1_active.gif') : top1.src = 'images/1_active.gif';
		
		top2.hasAttribute ? top2.removeAttribute('class') : top2.className = '';
		
		topall.hasAttribute ? topall.removeAttribute('class') : topall.className = '';
		topall.hasAttribute ? topall.setAttribute('src','images/4_reg.gif') : topall.src = 'images/4_reg.gif';
		
		bot1.hasAttribute ? bot1.setAttribute('class','selected') : bot1.className = 'selected';
		bot1.hasAttribute ? bot1.setAttribute('src','images/1b_active.gif') : bot1.src = 'images/1b_active.gif';
		
		bot2.hasAttribute ? bot2.removeAttribute('class') : bot2.className = '';
		
		botall.hasAttribute ? botall.removeAttribute('class') : botall.className = '';
		botall.hasAttribute ? botall.setAttribute('src','images/4b_reg.gif') : botall.src = 'images/4b_reg.gif';

	
	} else if (itemToShow == 'two'){
	
		var wrapper1 = document.getElementById('wrapperPage1');
		wrapper1.hasAttribute ? wrapper1.setAttribute('style','display: none;') : wrapper1.style.display = 'none';

	
		top1.hasAttribute ? top1.removeAttribute('class') : top1.className = '';
				
		top2.hasAttribute ? top2.setAttribute('class','selected') : top2.className = 'selected';
		top2.hasAttribute ? top2.setAttribute('src','images/2_active.gif') : top2.src = 'images/2_active.gif';
		
		topall.hasAttribute ? topall.removeAttribute('class') : topall.className = '';
		topall.hasAttribute ? topall.setAttribute('src','images/4_reg.gif') : topall.src = 'images/4_reg.gif';
		
		bot1.hasAttribute ? bot1.removeAttribute('class') : bot1.className = '';
				
		bot2.hasAttribute ? bot2.setAttribute('class','selected') : bot2.className = 'selected';
		bot2.hasAttribute ? bot2.setAttribute('src','images/2b_active.gif') : bot2.src = 'images/2b_active.gif';
		
		botall.hasAttribute ? botall.removeAttribute('class') : botall.className = '';
		botall.hasAttribute ? botall.setAttribute('src','images/4b_reg.gif') : botall.src = 'images/4b_reg.gif';

	};
};


function addDataObjects(obj) {

	var imgList = document.getElementById(obj).getElementsByTagName('IMG');
	
	for (var x = 0; x < imgList.length; x++) {
		addListener(imgList[x], 'mouseover', swapImageLogic, false);
		addListener(imgList[x], 'mouseout', swapImageLogic, false);
	};
};


function swapImageLogic(event) {
	setEventTargets(event);
	if (eTarget.nodeName == 'IMG') {
		if (!eTarget.className) {
			swapImage(eTarget, 'mouseover', event.type, true, '_reg.', '_hover.');
		};
	};
};