// JavaScript Document


function rollover(id, image) {
	document.getElementById(id).src = image; 
}

function addLogo() {
	var header = document.getElementById("headerImg");
	var logoLink = document.createElement("a");
	var logoImg = document.createElement("img");
	
	logoLink.setAttribute("href", "index.html");
	header.appendChild(logoLink);
	
	logoImg.setAttribute("src", "Images/DeVerre_logo.png");
	logoImg.setAttribute("alt", "DeVerre logo");
	logoLink.appendChild(logoImg);
}

function createTopRightNav() {
	var topRightNav = document.getElementById("topRightNav");
	var topNavText = document.createElement("p");

	var defaultLink = document.createElement("a");
	defaultLink.setAttribute("href", "press.html");
	var defaultText = document.createTextNode("News & Press ");
	defaultLink.appendChild(defaultText);

	var contactLink = document.createElement("a");
	contactLink.setAttribute("href", "mailto:info@deverre-elements.com");
	var contactText = document.createTextNode("Contact ");
	contactLink.appendChild(contactText);

	var dealerLink = document.createElement("a");
	dealerLink.setAttribute("href", "dealer.html");
	var defaultText = document.createTextNode("Dealers ");
	dealerLink.appendChild(defaultText);

	var aboutLink = document.createElement("a");
	aboutLink.setAttribute("href", "aboutUs.html");
	var aboutText = document.createTextNode("About Us ");
	aboutLink.appendChild(aboutText);

	var faqsLink = document.createElement("a");
	faqsLink.setAttribute("href", "faqs.html");
	var faqsText = document.createTextNode("FAQs");
	faqsLink.appendChild(faqsText);

	var spacerText = "\u00a0|\u00a0 "
	var spacer1 = document.createTextNode(spacerText);
	var spacer2 = document.createTextNode(spacerText);
	var spacer3 = document.createTextNode(spacerText);
	var spacer4 = document.createTextNode(spacerText);
	
	topNavText.appendChild(defaultLink);
	topNavText.appendChild(spacer1);
	topNavText.appendChild(contactLink);
	topNavText.appendChild(spacer2);
	topNavText.appendChild(dealerLink);
	topNavText.appendChild(spacer3);
	topNavText.appendChild(aboutLink);
	topNavText.appendChild(spacer4);
	topNavText.appendChild(faqsLink);

	topRightNav.appendChild(topNavText);
}

function createMainNav() {
	document.getElementById("products").onmouseover = function() { rollover('products', 'Images/productsTabOver.jpg'); }; 
    document.getElementById("products").onmouseout = function() { rollover('products', 'Images/productsTab.jpg'); }; 
	
	document.getElementById("places").onmouseover = function() { rollover('places', 'Images/placesTabOver.jpg'); }; 
    document.getElementById("places").onmouseout = function() { rollover('places', 'Images/placesTab.jpg'); }; 
	
	document.getElementById("process").onmouseover = function() { rollover('process', 'Images/processTabOver.jpg'); }; 
    document.getElementById("process").onmouseout = function() { rollover('process', 'Images/processTab.jpg'); };
	
	document.getElementById("installation").onmouseover = function() { rollover('installation', 'Images/installationTabOver.jpg'); }; 
    document.getElementById("installation").onmouseout = function() { rollover('installation', 'Images/installationTab.jpg'); }; 
}

/**Method to interpret the copyright symbol for the footer**/
function entity(str, mode) {
	str = (str) ? str : "";
	mode = (mode) ? mode : "string";

	var e = document.createElement("div");
	e.innerHTML = str;

	if (mode == "numeric") {
		return "&#" + e.innerHTML.charCodeAt(0) + ";";
	}
	else if (mode == "utf16") {
		var un = e.innerHTML.charCodeAt(0).toString(16);
		while (un.length < 4) un = "0" + un;
		return "\\u" + un;
	}
	else return e.innerHTML;
}

function addFooter() {
	var path = window.location.pathname;
	var pageName = path.substring(path.lastIndexOf('/') + 1);
var footer = document.getElementById("footer");
		var footerText = document.createElement("p");
		var text = document.createTextNode(entity("&copy")+" 2009 DeVerre Elements, LLC ");
		footerText.appendChild(text);

	if (pageName == "index.html" | pageName == "") {	
		var usgbcLogo = document.createElement("img");
		usgbcLogo.setAttribute("src", "Images/USGBC_logo_black.jpg");
		usgbcLogo.setAttribute("alt", "USGBC logo");
		usgbcLogo.setAttribute("align", "left");
	
		footer.appendChild(usgbcLogo);
		footer.appendChild(footerText);
	} else {
		footer.appendChild(footerText);
		var greenLogo = document.createElement("div");
		greenLogo.style.position = "absolute";
		greenLogo.style.bottom = "5px";
		greenLogo.style.left = "10px";
		var logoImg = document.createElement("img");
		logoImg.setAttribute("src", "Images/USGBC_logo_white.gif");
		
		greenLogo.appendChild(logoImg);
		var content = document.getElementById("contentArea");
		var rightContent = document.getElementById("rightContent");
		content.insertBefore(greenLogo, rightContent);
	}
}


function goNext(url, data) {
	location.href = url + "?" + encodeURIComponent(data);
}


function readData() {
	var obj = decodeURIComponent(location.search.substring(1, location.search.length));
	if (obj.length > 0) {
		showPlaces(obj);
	}
}


function showProducts(obj) {
	if (!(document.getElementById("productTable") == null)) {
		document.getElementById("productTable").style.display="none";
		document.getElementById("stoneTable").style.display="none";
		document.getElementById("brickTable").style.display="none";
		document.getElementById("woodTable").style.display="none";
	
		if (obj == "stone") {
			document.getElementById("stoneTable").style.display="";
			document.getElementById("productTable").style.display="none";
		} else if (obj == "brick") {
			document.getElementById("brickTable").style.display="";
			document.getElementById("productTable").style.display="none";
		} else if (obj == "wood") {
			document.getElementById("woodTable").style.display="";
			document.getElementById("productTable").style.display="none";
		} else if (obj == "allProducts") {
			document.getElementById("stoneTable").style.display="";
			document.getElementById("brickTable").style.display="";
			document.getElementById("woodTable").style.display="";
			document.getElementById("productTable").style.display="none";
		}
	}
	return false;
}

function showPlaces(obj) {
	if (!(document.getElementById("kitchenTable") == null)) {
		document.getElementById("kitchenTable").style.display="none";
		document.getElementById("lvgrmTable").style.display="none";
		document.getElementById("commercialTable").style.display="none";
		document.getElementById("bathTable").style.display="none";
	
		if (obj == "kitchen") {
			document.getElementById("kitchenTable").style.display="";
		} else if (obj == "bath") {
			document.getElementById("bathTable").style.display="";
		} else if (obj == "lvgrm") {
			document.getElementById("lvgrmTable").style.display="";
		} else if (obj == "commercial") {
			document.getElementById("commercialTable").style.display="";
		} else if (obj == "allPlaces") {
			document.getElementById("commercialTable").style.display="";
			document.getElementById("kitchenTable").style.display="";
			document.getElementById("lvgrmTable").style.display="";
			document.getElementById("bathTable").style.display="";
		}
	} 
	return false;
}
