// JavaScript Document

function createLink($text, $class){
	var $linkText = document.createTextNode($text);
	var $link = document.createElement('a');
	$link.onclick = tabSwitch;
	$link.className = $class;
	$link.appendChild($linkText);
	return $link;
}

function initTabs(){
	//var $tabLinks = createLink('Banner Stands') + createLink('Display Stands');
	if(document.getElementById('Banner Stands')){
		document.getElementById('tab-box').insertBefore(createLink('Banner Stands', 'tablink-on tab1'), document.getElementById('Banner Stands'));
	}
	if(document.getElementById('Display Stands')){
		document.getElementById('tab-box').insertBefore(createLink('Display Stands', 'tablink-off'), document.getElementById('Banner Stands'));
	}
	if(document.getElementById('Whiteboards')){
		document.getElementById('tab-box').insertBefore(createLink('Whiteboards', 'tablink-off'), document.getElementById('Banner Stands'));
	}
	if(document.getElementById('Notice Boards')){
		document.getElementById('tab-box').insertBefore(createLink('Notice Boards', 'tablink-off'), document.getElementById('Banner Stands'));
	}
	if(document.getElementById('A Boards')){
		document.getElementById('tab-box').insertBefore(createLink('A Boards', 'tablink-off'), document.getElementById('Banner Stands'));
		}
	if(document.getElementById('Pop-Up Displays')){
		document.getElementById('tab-box').insertBefore(createLink('Pop-Up Displays', 'tablink-off'), document.getElementById('Banner Stands'));
	}
	document.getElementById('Display Stands').style.display = 'none';
	if(document.getElementById('Whiteboards'))document.getElementById('Whiteboards').style.display = 'none';
	if(document.getElementById('Notice Boards'))document.getElementById('Notice Boards').style.display = 'none';
	if(document.getElementById('Display Stands'))document.getElementById('Display Stands').style.display = 'none';
	if(document.getElementById('A Boards'))document.getElementById('A Boards').style.display = 'none';
	if(document.getElementById('Pop-Up Displays'))document.getElementById('Pop-Up Displays').style.display = 'none';
}

function tabSwitch(){
	if(this.innerHTML == 'Banner Stands'){
		if(document.getElementById('Banner Stands').style.display == 'none'){
			document.getElementById('Banner Stands').style.display = 'block';
			document.getElementById('Display Stands').style.display = 'none';
			document.getElementById('Whiteboards').style.display = 'none';
			document.getElementById('Notice Boards').style.display = 'none';
			document.getElementById('A Boards').style.display = 'none';
			document.getElementById('Pop-Up Displays').style.display = 'none';
			this.className = 'tablink-on tab1';
			this.nextSibling.className = 'tablink-off';
			this.nextSibling.nextSibling.className = 'tablink-off';
			this.nextSibling.nextSibling.nextSibling.className = 'tablink-off';
			this.nextSibling.nextSibling.nextSibling.nextSibling.className = 'tablink-off';
			this.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.className = 'tablink-off';
			//if(document.getElementById('Whiteboards'))this.nextSibling.nextSibling.className = 'tablink-off';
			
		}
	}
	if(this.innerHTML == 'Display Stands'){
		if(document.getElementById('Display Stands').style.display == 'none'){
			document.getElementById('Display Stands').style.display = 'block';
			document.getElementById('Banner Stands').style.display = 'none';
			document.getElementById('Whiteboards').style.display = 'none';
			document.getElementById('Notice Boards').style.display = 'none';
			document.getElementById('A Boards').style.display = 'none';
			document.getElementById('Pop-Up Displays').style.display = 'none';
			this.className = 'tablink-on tab2';
			this.previousSibling.className = 'tablink-off';
			this.nextSibling.className = 'tablink-off';
			this.nextSibling.nextSibling.className = 'tablink-off';
			this.nextSibling.nextSibling.nextSibling.className = 'tablink-off';
			this.nextSibling.nextSibling.nextSibling.nextSibling.className = 'tablink-off';
			//if(document.getElementById('Whiteboards'))this.nextSibling.className = 'tablink-off';
		}
	}
	if(this.innerHTML == 'Whiteboards'){
		if(document.getElementById('Whiteboards').style.display == 'none'){
			document.getElementById('Whiteboards').style.display = 'block';
			document.getElementById('Display Stands').style.display = 'none';
			document.getElementById('Banner Stands').style.display = 'none';
			document.getElementById('Notice Boards').style.display = 'none';
			document.getElementById('A Boards').style.display = 'none';
			document.getElementById('Pop-Up Displays').style.display = 'none';
			this.className = 'tablink-on tab3';
			this.previousSibling.className = 'tablink-off';
			this.previousSibling.previousSibling.className = 'tablink-off';
			this.nextSibling.className = 'tablink-off';
			this.nextSibling.nextSibling.className = 'tablink-off';
			this.nextSibling.nextSibling.nextSibling.className = 'tablink-off';
			//if(document.getElementById('Notice Boards'))this.nextSibling.className = 'tablink-off';
		}
	}
	if(this.innerHTML == 'Notice Boards'){
		if(document.getElementById('Notice Boards').style.display == 'none'){
			document.getElementById('Notice Boards').style.display = 'block';
			document.getElementById('Display Stands').style.display = 'none';
			document.getElementById('Banner Stands').style.display = 'none';
			document.getElementById('Whiteboards').style.display = 'none';
			document.getElementById('A Boards').style.display = 'none';
			document.getElementById('Pop-Up Displays').style.display = 'none';
			this.className = 'tablink-on tab4';
			this.previousSibling.className = 'tablink-off';
			this.previousSibling.previousSibling.className = 'tablink-off';
			this.previousSibling.previousSibling.previousSibling.className = 'tablink-off';
			this.nextSibling.className = 'tablink-off';
			this.nextSibling.nextSibling.className = 'tablink-off';
		}
	}
	if(this.innerHTML == 'A Boards'){
		if(document.getElementById('A Boards').style.display == 'none'){
			document.getElementById('A Boards').style.display = 'block';
			document.getElementById('Display Stands').style.display = 'none';
			document.getElementById('Banner Stands').style.display = 'none';
			document.getElementById('Whiteboards').style.display = 'none';
			document.getElementById('Notice Boards').style.display = 'none';
			document.getElementById('Pop-Up Displays').style.display = 'none';
			this.className = 'tablink-on tab5';
			this.previousSibling.className = 'tablink-off';
			this.previousSibling.previousSibling.className = 'tablink-off';
			this.previousSibling.previousSibling.previousSibling.className = 'tablink-off';
			this.previousSibling.previousSibling.previousSibling.previousSibling.className = 'tablink-off';
			this.nextSibling.className = 'tablink-off';
		}
	}
	if(this.innerHTML == 'Pop-Up Displays'){
		if(document.getElementById('Pop-Up Displays').style.display == 'none'){
			document.getElementById('Pop-Up Displays').style.display = 'block';
			document.getElementById('Display Stands').style.display = 'none';
			document.getElementById('Banner Stands').style.display = 'none';
			document.getElementById('Whiteboards').style.display = 'none';
			document.getElementById('Notice Boards').style.display = 'none';
			document.getElementById('A Boards').style.display = 'none';
			this.className = 'tablink-on tab6';
			this.previousSibling.className = 'tablink-off';
			this.previousSibling.previousSibling.className = 'tablink-off';
			this.previousSibling.previousSibling.previousSibling.className = 'tablink-off';
			this.previousSibling.previousSibling.previousSibling.previousSibling.className = 'tablink-off';
			this.previousSibling.previousSibling.previousSibling.previousSibling.previousSibling.className = 'tablink-off';
		}
	}
}

window.onload = function(){
	initTabs();
}