// JavaScript Document
function extra(x, y) {
	var e= document.getElementById(x);
	if(y=='rails'){f= document.form.rails};
	if(y=='steps'){f= document.form.steps};
	if(y=='lattice'){f= document.form.lattice};
	if(y=='railpost'){f= document.form.railpost};
	if(f.checked) {
	e.style.visibility = "visible";
	} else {
	e.style.visibility = "hidden";
	}
}

function toggle(id) {
	obj = document.getElementById(id);
	if (obj.style.visibility == "visible") {
		obj.style.visibility = "hidden";
		obj.style.display = "none";
	} else {
		obj.style.visibility = "visible";
		obj.style.display = "block";
	}
}

function show(id) {
	obj = document.getElementById(id);
		obj.style.visibility = "visible";
		obj.style.display = "block";
}

function hide(id) {
	obj = document.getElementById(id);
		obj.style.visibility = "hidden";
		obj.style.display = "none";
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	return [curleft,curtop];
}


function setLyr(obj,lyr)
{
	var coors = findPos(obj);
	if (lyr == 'testP') coors[1] -= 50;
	var x = document.getElementById(lyr);
	x.style.top = coors[1] + 18 + 'px';
	x.style.left = coors[0] + 15 + 'px';
	show(lyr);
}

function isdefined(variable)
{
    return (typeof(window[variable]) == "undefined")?  false: true;
}

var t;

function clearme(t) {
	if (isdefined(t)) {
		clearTimeout(t);
	} 
}


function railpostColor(x) {
	if (document.getElementById("color_railpost")) {
		if (x == "Top Rail Only") {
			hide("color_railpost");
		} else {
			show("color_railpost");
		}
	}
}