// JavaScript Document
function insertAfter(parent, node, referenceNode) {
  parent.insertBefore(node, referenceNode.nextSibling);
}


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('ScaffoldingHire') + createLink('ScaffoldingSupplies');
	if(document.getElementById('ScaffoldingHire')){
		//insertAfter(document.getElementById('tab-box'), createLink('Scaffolding Hire', 'tablink-on'),document.getElementById('ScaffoldForSale'));
		document.getElementById('tab-box').insertBefore(createLink('Scaffolding Hire', 'tablink-on'), document.getElementById('ScaffoldingHire'));
	}
	if(document.getElementById('ScaffoldingSupplies')){
		//insertAfter(document.getElementById('tab-box'), createLink('Scaffolding Supplies', 'tablink-off'),document.getElementById('ScaffoldForSale'));
		document.getElementById('tab-box').insertBefore(createLink('Scaffolding Supplies', 'tablink-off'), document.getElementById('ScaffoldingHire'));
	}
	if(document.getElementById('TowerScaffold')){
		//insertAfter(document.getElementById('tab-box'), createLink('Tower Scaffold', 'tablink-off'),document.getElementById('ScaffoldForSale'));
		document.getElementById('tab-box').insertBefore(createLink('Tower Scaffold', 'tablink-off'), document.getElementById('ScaffoldingHire'));
	}
	if(document.getElementById('ScaffoldBoards')){
		//insertAfter(document.getElementById('tab-box'), createLink('Scaffold Boards', 'tablink-off'),document.getElementById('ScaffoldForSale'));
		document.getElementById('tab-box').insertBefore(createLink('Scaffold Boards', 'tablink-off'), document.getElementById('ScaffoldingHire'));
	}
	//--
	if(document.getElementById('ScaffoldForSale')){
		//insertAfter(document.getElementById('tab-box'), createLink('Scaffold For Sale', 'tablink-off'),document.getElementById('ScaffoldForSale'));
		document.getElementById('tab-box').insertBefore(createLink('Scaffold For Sale', 'tablink-off'), document.getElementById('ScaffoldingHire'));
	}
	
	document.getElementById('ScaffoldingSupplies').style.display = 'none';
	//--
	
	if(document.getElementById('ScaffoldForSale'))document.getElementById('ScaffoldForSale').style.display = 'none';
	if(document.getElementById('TowerScaffold'))document.getElementById('TowerScaffold').style.display = 'none';
	if(document.getElementById('ScaffoldBoards'))document.getElementById('ScaffoldBoards').style.display = 'none';
	if(document.getElementById('ScaffoldingSupplies'))document.getElementById('ScaffoldingSupplies').style.display = 'none';
}

function tabSwitch(){
	if(this.innerHTML == 'Scaffolding Hire'){
		if(document.getElementById('ScaffoldingHire').style.display == 'none'){
			document.getElementById('ScaffoldingHire').style.display = 'block';			
			document.getElementById('ScaffoldingSupplies').style.display = 'none';
			document.getElementById('TowerScaffold').style.display = 'none';
			document.getElementById('ScaffoldBoards').style.display = 'none';
			//--
			document.getElementById('ScaffoldForSale').style.display = 'none';
			
			this.className = 'tablink-on';
			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(this.innerHTML == 'Scaffolding Supplies'){
		if(document.getElementById('ScaffoldingSupplies').style.display == 'none'){
			document.getElementById('ScaffoldingSupplies').style.display = 'block';
			document.getElementById('ScaffoldingHire').style.display = 'none';
			document.getElementById('TowerScaffold').style.display = 'none';
			document.getElementById('ScaffoldBoards').style.display = 'none';
						//--
			document.getElementById('ScaffoldForSale').style.display = 'none';
			
			this.className = 'tablink-on';
			this.nextSibling.className = 'tablink-off';
			this.nextSibling.nextSibling.className = 'tablink-off';
			this.nextSibling.nextSibling.nextSibling.className = 'tablink-off';
			this.previousSibling.className = 'tablink-off';
		}
	}
	if(this.innerHTML == 'Tower Scaffold'){
		if(document.getElementById('TowerScaffold').style.display == 'none'){
			document.getElementById('TowerScaffold').style.display = 'block';
			document.getElementById('ScaffoldingSupplies').style.display = 'none';
			document.getElementById('ScaffoldingHire').style.display = 'none';
			document.getElementById('ScaffoldBoards').style.display = 'none';
						//--
			document.getElementById('ScaffoldForSale').style.display = 'none';
			
			this.className = 'tablink-on';
			this.nextSibling.className = 'tablink-off';
			this.nextSibling.nextSibling.className = 'tablink-off';
			this.previousSibling.className = 'tablink-off';
			this.previousSibling.previousSibling.className = 'tablink-off';
		}
	}
	if(this.innerHTML == 'Scaffold Boards'){
		if(document.getElementById('ScaffoldBoards').style.display == 'none'){
			document.getElementById('ScaffoldBoards').style.display = 'block';
			document.getElementById('ScaffoldingSupplies').style.display = 'none';
			document.getElementById('ScaffoldingHire').style.display = 'none';
			document.getElementById('TowerScaffold').style.display = 'none';
			
						//--
			document.getElementById('ScaffoldForSale').style.display = 'none';

			this.className = 'tablink-on';
			this.nextSibling.className = 'tablink-off';
			this.previousSibling.className = 'tablink-off';
			this.previousSibling.previousSibling.className = 'tablink-off';
			this.previousSibling.previousSibling.previousSibling.className = 'tablink-off';
		}
	}
	
	if(this.innerHTML == 'Scaffold For Sale'){
		if(document.getElementById('ScaffoldForSale').style.display == 'none'){
			document.getElementById('ScaffoldForSale').style.display = 'block';
			document.getElementById('ScaffoldingSupplies').style.display = 'none';
			document.getElementById('ScaffoldingHire').style.display = 'none';
			document.getElementById('TowerScaffold').style.display = 'none';
			document.getElementById('ScaffoldBoards').style.display = 'none';

			this.className = 'tablink-on';
			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';
		}
	}
}

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