// 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('Laminate Flooring') + createLink('Quick Step Flooring');
	if(document.getElementById('Laminate Flooring')){
		document.getElementById('tab-box').insertBefore(createLink('Laminate Flooring', 'tablink-on'), document.getElementById('Laminate Flooring'));
	}
	if(document.getElementById('Quick Step Flooring')){
		document.getElementById('tab-box').insertBefore(createLink('Quick Step Flooring', 'tablink-off'), document.getElementById('Laminate Flooring'));
	}
	if(document.getElementById('Solid Oak Flooring')){
		document.getElementById('tab-box').insertBefore(createLink('Solid Oak Flooring', 'tablink-off'), document.getElementById('Laminate Flooring'));
	}
	
	if(document.getElementById('Wood Flooring')){
		document.getElementById('tab-box').insertBefore(createLink('Wood Flooring', 'tablink-off'), document.getElementById('Laminate Flooring'));
	}
	if(document.getElementById('Carpets and Rugs')){
		document.getElementById('tab-box').insertBefore(createLink('Carpets and Rugs', 'tablink-off'), document.getElementById('Laminate Flooring'));
	}
	document.getElementById('Quick Step Flooring').style.display = 'none';
	if(document.getElementById('Solid Oak Flooring'))document.getElementById('Solid Oak Flooring').style.display = 'none';
	if(document.getElementById('Wood Flooring'))document.getElementById('Wood Flooring').style.display = 'none';
	if(document.getElementById('Quick Step Flooring'))document.getElementById('Quick Step Flooring').style.display = 'none';
	if(document.getElementById('Carpets and Rugs'))document.getElementById('Carpets and Rugs').style.display = 'none';
}

function tabSwitch(){
	if(this.innerHTML == 'Laminate Flooring'){
		if(document.getElementById('Laminate Flooring').style.display == 'none'){
			document.getElementById('Laminate Flooring').style.display = 'block';
			document.getElementById('Quick Step Flooring').style.display = 'none';
			document.getElementById('Solid Oak Flooring').style.display = 'none';
			document.getElementById('Wood Flooring').style.display = 'none';
			document.getElementById('Carpets and Rugs').style.display = 'none';
			this.className = 'tablink-on';
			this.nextSibling.className = 'tablink-off';
			if(document.getElementById('Solid Oak Flooring'))this.nextSibling.nextSibling.className = 'tablink-off';
		}
	}
	if(this.innerHTML == 'Quick Step Flooring'){
		if(document.getElementById('Quick Step Flooring').style.display == 'none'){
			document.getElementById('Quick Step Flooring').style.display = 'block';
			document.getElementById('Laminate Flooring').style.display = 'none';
			document.getElementById('Solid Oak Flooring').style.display = 'none';
			document.getElementById('Wood Flooring').style.display = 'none';
			document.getElementById('Carpets and Rugs').style.display = 'none';
			this.className = 'tablink-on';
			this.previousSibling.className = 'tablink-off';
			if(document.getElementById('Solid Oak Flooring'))this.nextSibling.className = 'tablink-off';
		}
	}
	if(this.innerHTML == 'Solid Oak Flooring'){
		if(document.getElementById('Solid Oak Flooring').style.display == 'none'){
			document.getElementById('Solid Oak Flooring').style.display = 'block';
			document.getElementById('Quick Step Flooring').style.display = 'none';
			document.getElementById('Laminate Flooring').style.display = 'none';
			document.getElementById('Wood Flooring').style.display = 'none';
			document.getElementById('Carpets and Rugs').style.display = 'none';
			this.className = 'tablink-on';
			this.previousSibling.className = 'tablink-off';
			this.previousSibling.previousSibling.className = 'tablink-off';
			if(document.getElementById('Wood Flooring'))this.nextSibling.className = 'tablink-off';
		}
	}
	if(this.innerHTML == 'Wood Flooring'){
		if(document.getElementById('Wood Flooring').style.display == 'none'){
			document.getElementById('Wood Flooring').style.display = 'block';
			document.getElementById('Quick Step Flooring').style.display = 'none';
			document.getElementById('Laminate Flooring').style.display = 'none';
			document.getElementById('Solid Oak Flooring').style.display = 'none';
			document.getElementById('Carpets and Rugs').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';
			if(document.getElementById('Carpets and Rugs'))this.nextSibling.className = 'tablink-off';
		}
	}
	if(this.innerHTML == 'Carpets and Rugs'){
		if(document.getElementById('Carpets and Rugs').style.display == 'none'){
			document.getElementById('Carpets and Rugs').style.display = 'block';
			document.getElementById('Wood Flooring').style.display = 'none';
			document.getElementById('Quick Step Flooring').style.display = 'none';
			document.getElementById('Laminate Flooring').style.display = 'none';
			document.getElementById('Solid Oak Flooring').style.display = 'none';
			this.className = 'tablink-on';
			this.previousSibling.className = 'tablink-off';
			this.previousSibling.previousSibling.className = 'tablink-off';
		}
	}
}

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