// JavaScript Document
function alterRoof(wood) {
	if (!document.getElementById)
		return;
	
	if (wood) {
		document.getElementById("woodRoofLink").className = "selected";
		document.getElementById("gambrelRoofLink").className = "";
		document.getElementById("schematicShot").src = schematics["wood_roof"].src;
		document.getElementById("woodRoofLinkLarge").className = "selected";
		document.getElementById("gambrelRoofLinkLarge").className = "";
		document.getElementById("schematicShotLarge").src = schematics["wood_roof_lg"].src;
	} else {
		document.getElementById("woodRoofLink").className = "";
		document.getElementById("gambrelRoofLink").className = "selected";
		document.getElementById("schematicShot").src = schematics["tent_roof"].src;
		document.getElementById("woodRoofLinkLarge").className = "";
		document.getElementById("gambrelRoofLinkLarge").className = "selected";
		document.getElementById("schematicShotLarge").src = schematics["tent_roof_lg"].src;
	}
}

function viewSwingOption(id, caption, path, sideViewImg, topViewImg) {
	if (!document.getElementById)
		return;
		
	sideViewLarge.src = path + "/" + sideViewImg;
	topViewLarge.src = path + "/" + topViewImg;
	showPopup("swingOptionsPopup");
	
	//default to side view image
	document.getElementById("swingOptionPopupImage").src = sideViewLarge.src;
	var topViewLink = document.getElementById("topViewLinkLarge");
	var sideViewLink = document.getElementById("sideViewLinkLarge");
	topViewLink.className = "";
	topViewLink.style.display = (topViewImg == "") ? "none" : "inline";
	sideViewLink.className = "selected";
	sideViewLink.style.display = (topViewImg == "") ? "none" : "inline";
	//sideViewLink.style.borderWidth = (topViewImg == "") ? "0" : "";
		
	if (caption)
		document.getElementById("swingOptionPopupCaption").innerHTML = caption;
}

function alterSwingOptionView(topView) {
	if (!document.getElementById)
		return;
	
	if (topView) {
		document.getElementById("topViewLinkLarge").className = "selected";
		document.getElementById("sideViewLinkLarge").className = "";
		document.getElementById("swingOptionPopupImage").src = topViewLarge.src;
	} else {
		document.getElementById("topViewLinkLarge").className = "";
		document.getElementById("sideViewLinkLarge").className = "selected";
		document.getElementById("swingOptionPopupImage").src = sideViewLarge.src;
	}
}