// Nav code
var hasIt = null;
var canHide = 0;
var navTimer;
var ishidden;
var canClick = 0;
var stopSlide = 0;
var openSec;

function hideWatermark(theID){
		var element = document.getElementById(theID);
		element.style.backgroundImage = 'none';
		element.style.backgroundColor = 'white';
}
function showWatermark(theID){
		var element = document.getElementById(theID);
		if (element.value.length == 0)
				element.style.backgroundImage = 'url(http://www.wahoodocks.com/img/header/zipcode.jpg)';
		else
				element.style.backgroundColor = 'white';
}

function showgallerypic(elm) {
	var imgname = elm.src;
	var mainphoto = document.getElementById("mainphoto");
	mainphoto.src = imgname.replace("thumb/","main/");
	mainphoto.parentNode.href = mainphoto.src.replace("main/","full/");
	//var expphoto = getElementsByClassName("expandphot",elm.parentNode.parentNode)[0];
	//expphoto.href = mainphoto.src.replace("main/","full/");
}

sfRollOver = function() {
		if(document.getElementById("nav") != null) {
			navRoot = document.getElementById("nav");
			for (i=0; i<navRoot.childNodes.length; i++) {
				node = navRoot.childNodes[i];
				if (node.nodeName=="LI") {
					node.onmouseover=function() {
						if (hasIt != null) {
							hasIt.className=hasIt.className.replace(new RegExp("sfhover\\b"), "");
							hasIt = null;
						}
						hasIt = this;
						canHide = 1;
						this.className+=" sfhover";
			  		}
			  		node.onmouseout=function() {
			  			canHide = 0;
						occ = this;
						clearTimeout(navTimer);
						navTimer = window.setTimeout('hideList(occ)',1000);
			  		}
			   	}
			 }
		}
	}
if (window.attachEvent) {
	window.attachEvent("onload", sfRollOver);
}
if (document.addEventListener) {
	document.addEventListener("DOMContentLoaded", sfRollOver, false);
}

function hideList(e) {
	if (canHide != 1) {
		e.className=e.className.replace(new RegExp("sfhover\\b"), "");
	}
}

// Login Box Code
Effect.Combo = function(element) {
    element = $(element);
    if(element.style.display == 'none') { 
		element.parentNode.style.visibility = 'visible';
		element.style.visibility = 'visible';
		if (element.id == "logonForm") {
			element.style.background = "#000000 url('http://www.wahoodocks.com/img/header/login/logon.jpg') no-repeat center";
			new Effect.OpenUp(element.id, arguments[1] || {});
			window.setTimeout('hideBg()',500);
		} else {
			new Effect.Appear(element.id,{duration:.4});
		}
		if (ishidden == null) {
			ishidden = element.id;
			//hideAll();
		}
    } else {
		//showAll(element.id);
        new Effect.CloseDown(element);
		window.setTimeout('changeLogon()',500);
    }
}

function hideBg() {
	document.getElementById("logonForm").getElementsByTagName("FORM")[0].style.visibility = "visible";
}
function showBg() {
	document.getElementById("logonForm").getElementsByTagName("FORM")[0].style.visibility = "visible";
}

Effect.OpenUp = function(element) {
	element = $(element);
    new Effect.BlindDown(element, {duration: .4, scaleContent: true} || {});
	canClick = 1;
}

Effect.CloseDown = function(element) {
    element = $(element);
	if (element.id == "logonForm") {
		new Effect.BlindUp(element, {duration: .4, scaleX: true, scaleContent: true, scaleMode: "box"  } || {});
		canClick = 0;
	} else {
		new Effect.Fade(element,{duration:0.4});
	}
}
// Fade page when login script appears
function hideAll () {
	// if not Opera fade page
		/*alert("hey");
	// if not Opera fade pagevar arrayPageSize = getPageSize();
	  var arrayPageSize = getPageSize();
		alert(arrayPageSize[1]);
		Element.setHeight('overlay', arrayPageSize[1]);
		new Effect.Appear('overlay', { duration: 0.2, from: 0.0, to: 0.8 });*/
	if(navigator.userAgent.indexOf("Opera")==-1){
		new Effect.Opacity(document.getElementById("nav"), {duration:0.5, from:1.0, to:0.35});
		new Effect.Opacity(document.getElementById("content"), {duration:0.5, from:1.0, to:0.35});
		new Effect.Opacity(document.getElementById("visitme"), {duration:0.5, from:1.0, to:0.35});
		new Effect.Opacity(document.getElementById("footerNav"), {duration:0.5, from:1.0, to:0.35});
	}
}

// DeFade page when login script appears
function showAll (e) {
	// if not Opera defade page
	if (ishidden == e) {
		if(navigator.userAgent.indexOf("Opera")==-1){
			new Effect.Opacity(document.getElementById("nav"), {duration:0.35, from:0.5, to:1.0});
			new Effect.Opacity(document.getElementById("content"), {duration:0.35, from:0.5, to:1.0});
			new Effect.Opacity(document.getElementById("visitme"), {duration:0.35, from:0.5, to:1.0});
			new Effect.Opacity(document.getElementById("footerNav"), {duration:0.35, from:0.5, to:1.0});
		}
		ishidden = null;
	}
	var theform = document.getElementById("logonForm").getElementsByTagName("FORM");
	if (theform[0].style.visibility == 'visible') {
		theform[0].style.visibility = 'hidden';
		document.getElementById("logonForm").style.background = "url('http://www.wahoodocks.com/img/header/login/logon.jpg') no-repeat center";
	}
}

changeLogon = function(){
	document.getElementById("login").style.visibility = 'hidden';
}

// new home page
function TextScroll(scrollname, div_name, left_name, right_name) {
  this.div_name = div_name;
  this.name = scrollname;
  this.scrollCursor = 0;
  this.speed = 10;
	this.hispeed = 20;
  this.timeoutID = 0;
  this.div_obj = null;
  this.left_name = left_name;
  this.right_name = right_name;
	this.div_length = document.getElementById("gsrollable").offsetWidth;
	this.div_vis = document.getElementById("gsvisible").offsetWidth;
	{
		if (document.getElementById) {
			div_obj = document.getElementById(this.div_name);
			if (div_obj) {
				this.div_obj = div_obj;
				this.div_obj.style.overflow = 'hidden';
			}
			div_right_obj = document.getElementById(this.right_name);
			div_left_obj = document.getElementById(this.left_name);
			if (div_left_obj && div_right_obj) {
				div_left_obj.onmouseover = function() { eval(scrollname + ".scrollLeft();") };
				div_left_obj.onmouseout = function() { eval(scrollname + ".stopScroll();") };
				div_right_obj.onmouseover = function() { eval(scrollname + ".scrollRight();") };
				div_right_obj.onmouseout = function() { eval(scrollname + ".stopScroll();") };
			}
		}
	}
	
	this.stopScroll = function() {
		clearTimeout(this.timeoutID);
	}
	
	this.scrollLeft = function(pos) {
		if (this.div_obj) {
			if (!pos) pos = 0;
			if (this.scrollCursor - this.speed < pos) {
				this.scrollCursor = this.scrollCursor + this.div_length/2;
			}
			this.scrollCursor = this.scrollCursor - this.speed;
			this.div_obj.scrollLeft = this.scrollCursor;
			this.timeoutID = setTimeout(this.name + ".scrollLeft(" + pos + ")", 60);
		}
	}
	this.scrollRight = function(pos) {
		if (this.div_obj) {
			if (!pos) pos = this.div_length - this.div_vis;
			if ((this.scrollCursor + this.speed) > pos) {
				this.scrollCursor = this.scrollCursor - (this.div_length/2);
			}
			this.scrollCursor += this.speed;
			this.div_obj.scrollLeft = this.scrollCursor;
			this.timeoutID = setTimeout(this.name + ".scrollRight(" + pos + ")", 60);
		}
	}
	this.resetScroll = function() {
		if (this.div_obj) {
			this.scrollCursor = 0;
			this.div_obj.scrollLeft = this.scrollCursor;
		}
	}
}

var currentdim = "cat5";
function homechange(comp) {
	document.getElementById(currentdim + "nav").className = "link";
	document.getElementById(currentdim).className = "homeoff";
	document.getElementById(comp).className = ""
	document.getElementById(comp + "nav").className = "sellink";
	currentdim = comp;
}


/**********************OLD*********************************************************************************************/
navImgRolloverRail = function() {
	if(document.getElementById("railingCom") != null) {
		var navImgs2 = document.getElementById("railingCom").getElementsByTagName("LI");
		for (var i=0; i<navImgs2.length; i++) {
			navImgs2[i].onclick=function() {
				var mainImg = document.getElementById("railingPic");
				mainImg.style.backgroundImage = "url(img/mainRail/" + this.id + ".jpg)";
				siblings = document.getElementById("railingCom").getElementsByTagName("LI");
				for (var j = 0; j < siblings.length; j++) {
					siblings[j].className = "railOff";
				}
				siblings = document.getElementById("railingColor").getElementsByTagName("a");
				for (var j = 0; j < siblings.length; j++) {
					siblings[j].className = "railImgOff";
				}
				this.className = "railOn";
			}
		}
		navImgs2 = document.getElementById("railingColor").getElementsByTagName("a");
		for (var i=0; i<navImgs2.length; i++) {
			navImgs2[i].onclick=function() {
				var mainImg = document.getElementById("railingPic");
				mainImg.style.backgroundImage = "url(img/mainRail/" + this.id + ".jpg)";
				siblings = document.getElementById("railingColor").getElementsByTagName("a");
				for (var j = 0; j < siblings.length; j++) {
					siblings[j].className = "railImgOff";
				}
				siblings = document.getElementById("railingCom").getElementsByTagName("LI");
				for (var j = 0; j < siblings.length; j++) {
					siblings[j].className = "railOff";
				}
				this.className = "railImgOn";
			}
		}
	}
}
if (window.attachEvent) {
	window.attachEvent("onload", navImgRolloverRail);
}
if (document.addEventListener) {
	document.addEventListener("DOMContentLoaded", navImgRolloverRail, false);
}

navImgRolloverEOE = function() {
	if(document.getElementById("navComp") != null) {
		var navImgs2 = document.getElementById("navComp").getElementsByTagName("LI");
		for (var i=0; i<navImgs2.length; i++) {
			navImgs2[i].onclick=function() {
				if (canClick == 0) {
					canClick = 1;
					
					var floater = document.getElementById("floater");
					var goalx = (this.offsetLeft-1) - floater.offsetLeft;
					var goaly = (this.parentNode.offsetTop-1) - floater.offsetTop;
					new Effect.MoveBy("floater",goaly,goalx,{duration:"0.5"});
					var mainImg = document.getElementById("specPic");
					mainImg.src = "http://www.wahoodocks.com/eoe/bestPractices/compare/img/" + this.id + "/mainPic.jpg";
					new Effect.SlideUp(openSec,{duration:"0.5"});
					var parentId =this.id;
					openSec = document.getElementById(parentId + "Sec");
					//update all openSec's images, replacing place holder source
					var allImgs = openSec.getElementsByTagName("IMG");
					for (var k=0; k<allImgs.length; k++) {
						if(allImgs[k].src.indexOf("asdf") != -1) {
							allImgs[k].src = allImgs[k].src.replace("asdf",parentId);
						}
					}
					new Effect.SlideDown(openSec,{delay:"0.5",duration:"0.5"});
					window.setTimeout('resetImage("' + this.id + '","' + this.id + '_ourPic1");', 500);
					window.setTimeout('makeScroll("' + this.id + '");',1000);
				}
			}
		}
	}
}
if (window.attachEvent) {
	window.attachEvent("onload", navImgRolloverEOE);
}
if (document.addEventListener) {
	document.addEventListener("DOMContentLoaded", navImgRolloverEOE, false);
}


function expandPic(pic) {
	if (canClick == 0) {
		canClick = 1;
		if (document.getElementById(pic).parentNode.parentNode.parentNode.className == "sectionComp") {
			document.getElementById(pic).parentNode.parentNode.parentNode.style.zIndex = 30000;
		}
		new Effect.Appear(document.getElementById(pic),{duration:"0.5"});
		if (document.getElementById("navSecSlider") != null) {
			var slider = document.getElementById("navSecSlider").getElementsByTagName("IMG");
			slider[0].style.visibility = "hidden";
		}
	}
}

function despandPic(pic) {
	//document.getElementById(pic).parentNode.parentNode.parentNode.style.zIndex = 1000;
	new Effect.Fade(pic,{duration:"0.5"});
	if (document.getElementById(pic).parentNode.parentNode.parentNode.className == "sectionComp") {
		window.setTimeout("document.getElementById('" + pic + "').parentNode.parentNode.parentNode.style.zIndex = 10000",500);
	}
	window.setTimeout('enableClick()',500);
}

function makeScroll(e) {
	var i = 1;
	var j;
	var thisid;
	var counter;
	while (document.getElementById("textsec" + i + e) != null) {
		j = document.getElementById("textsec" + i + e);
		thisid = j.id;
		//alert(j.id);
		var scroller2 = new Bs_ScrollableDiv();
		var t=0;
		while(j.childNodes[t].nodeType != 1) t++;
		scroller2.init(thisid,j.childNodes[t].id);
		var sliderObj2 = new Bs_Slider();
		sliderObj2.width = 15;
		sliderObj2.height = 165;
		sliderObj2.arrowMouseOver = false;
		sliderObj2.valueDefault = 0;
		sliderObj2.direction = 1;
		sliderObj2.imgDir = '../../../img/content/scroll/';
		sliderObj2.setBackgroundImage('vertical_background.gif', 'repeat');
		sliderObj2.setSliderIcon('vertical_knob.gif', 15, 37);
		sliderObj2.setArrowIconLeft('vertical_arrowUp.gif', 15, 14);
		sliderObj2.setArrowIconRight('vertical_arrowDown.gif', 15, 14);
		sliderObj2.useInputField = 0;
		t = 0;
		counter = 0;
		while(counter < 2) {
			while(j.parentNode.childNodes[t].nodeType != 1) {
				t++;
			}
			counter++;
			if(counter == 1) t++;
		}
		var u = 0;
		while(j.parentNode.childNodes[t].childNodes[u].nodeType != 1) u++;
		scroller2.setSliderObject(sliderObj2, j.parentNode.childNodes[t].childNodes[u].id);
		scroller2.setSlideSpeed(200, 'pixel'); //200 pixel per second
		scroller2.setWheelSpeed(50, 'pixel');  //50 pixel per tick
		i++;
	}
}

// all divs must be visible to begin with to enable scroll bar
function keepMain (mainSec) {
	openSec = document.getElementById(mainSec);
  	var all = document.all ? document.all :
    document.getElementsByTagName('*');
	for (var e = 0; e < all.length; e++) {
		if (all[e].className.substring(0,7) == "section") {
			if (all[e].id != mainSec) {
				all[e].style.display = "none";
				all[e].style.position = "relative";
				all[e].style.left = "0px";
				all[e].style.top = "0px";
			}
		}
	}
	canClick = 0;
}

function resetImage(theId,thePic) {
	canClick = 0;
	changeSubs2(openSec.getElementsByTagName("span")[2].parentNode,theId,thePic);
}

function changeSubs(element, subId, subNum) {
	if (canClick == 0) {
		if (element.className != "choiceButtonON") {
			// set to on position
			var siblings = element.parentNode.getElementsByTagName('DIV');
			for (var j = 0; j < siblings.length; j++) {
				siblings[j].className = "choiceButton";
			}
			element.className = "choiceButtonON";
			var subImgs = document.getElementById(subId + "Sec").getElementsByTagName("IMG");
			for (var i = 0; i < subImgs.length; i++) {
				if (subImgs[i].id.indexOf(subId) != -1) {
					subImgs[i].src = subImgs[i].src.replace(new RegExp(subId + "[0-9]"), subId + subNum);
				}
			}
			prevNum = subNum;
		}
	}
}
function changeSubs2(element, subId, subPic) {
	var theClass;
	if (canClick == 0) {
		theClass = element.className;
		if (theClass.substr(theClass.length-2,2) != "ON") {
			// set to on position
			var siblings = element.parentNode.getElementsByTagName('DIV');
			for (var j = 0; j < siblings.length; j++) {
				siblings[j].className = siblings[j].className.replace(/ON/,"");
			}
			element.className = theClass + "ON";
			var subImgs = document.getElementById(subId + "Choices").getElementsByTagName("IMG");
			for (var i = 0; i < subImgs.length; i++) {
				if (subImgs[i].src.indexOf(subId + '_compPic') != -1) {
					subImgs[i].src = subImgs[i].src.replace(subId + '_compPic', subPic);
				} else if (subImgs[i].src.indexOf(subId + '_ourPic2') != -1) {
					subImgs[i].src = subImgs[i].src.replace(subId + '_ourPic2', subPic);
				} else if (subImgs[i].src.indexOf(subId + '_ourPic1') != -1) {
					subImgs[i].src = subImgs[i].src.replace(subId + '_ourPic1', subPic);
				}
			}
		}
	}
}
function enableClick () {
	canClick = 0;
	if (document.getElementById("navSecSlider") != null) {
		var slider = document.getElementById("navSecSlider").getElementsByTagName("IMG");
		slider[0].style.visibility = "inherit";
	}
}
function changeTabs(element, subId, subNum) {
	if (canClick == 0) {
		if (element.className != "lion") {
			// set to on position
			var siblings = element.parentNode.getElementsByTagName('LI');
			for (var j = 0; j < siblings.length; j++) {
					siblings[j].className = "lioff";
			}
			element.className = "lion";
			
			siblings = document.getElementById(subId + "Inner").getElementsByTagName("LI");
			for (var j = 0; j < siblings.length; j++) {
				if (siblings[j].childNodes.length > 1) {
					siblings[j].className = "pageOFF";
				}
			}
			document.getElementById(subId + "Page" + subNum).className = "pageON";
		}
	}
}

navImgRollover2 = function() {
	if(document.getElementById("deckingNav") != null) {
		var navImgs2 = document.getElementById("deckingNav").getElementsByTagName("IMG");
		for (var i=0; i<navImgs2.length; i++) {
			if (navImgs2[i].parentNode.id != "main" && navImgs2[i].parentNode.id.indexOf("Colors") == -1) {
				navImgs2[i].onclick=function() {				
					if (canClick == 0) {
						var oldChoice = openSec.id.replace(/Sec/,"");
						var parentId =this.parentNode.parentNode.id;
						if (oldChoice != parentId) {
							canClick = 1;
							document.getElementById(oldChoice).getElementsByTagName('a')[0].style.borderColor = "#A5A5A5";
							this.parentNode.style.borderColor = "#FF6633";
							document.getElementById("main").style.backgroundImage = "url(img/" + this.parentNode.parentNode.id + "/main.jpg)";
							if (document.getElementById(oldChoice + "Colors") != null) {
								document.getElementById(oldChoice + "Colors").style.visibility = "hidden";
							}
							if (document.getElementById(parentId + "Colors") != null) {
								document.getElementById(parentId + "Colors").style.visibility = "visible";
							}
							new Effect.SlideUp(openSec,{duration:"0.5"});
							openSec = document.getElementById(parentId + "Sec");
							//update all openSec's images, replacing place holder source
							var allImgs = openSec.getElementsByTagName("IMG");
							for (var k=0; k<allImgs.length; k++) {
								if(allImgs[k].src.indexOf("asdf") != -1) {
									allImgs[k].src = allImgs[k].src.replace("asdf",parentId);
								}
							}
							new Effect.SlideDown(openSec,{delay:"0.5",duration:"0.5"});
							window.setTimeout('enableClick()',1000);
						}
					}
				}
			}
		}
	}
}
if (window.attachEvent) {
	window.attachEvent("onload", navImgRollover2);
}
if (document.addEventListener) {
	document.addEventListener("DOMContentLoaded", navImgRollover2, false);
}

navImgRolloverCon = function() {
	if(document.getElementById("navCon") != null) {
		var navImgs2 = document.getElementById("navCon").getElementsByTagName("LI");
		for (var i=0; i<navImgs2.length; i++) {
			navImgs2[i].onclick=function() {
				if (canClick == 0) {
					canClick = 1;
					var floater = document.getElementById("floater");
					var goalx = (this.parentNode.offsetLeft-1) - floater.offsetLeft;
					var goaly = (this.offsetTop-1) - floater.offsetTop;
					new Effect.MoveBy("floater",goaly,goalx,{duration:"0.5"});
					new Effect.SlideUp(openSec,{duration:"0.5"});
					var parentId =this.id;
					openSec = document.getElementById(parentId + "Sec");
					//update all openSec's images, replacing place holder source
					var allImgs = openSec.getElementsByTagName("IMG");
					for (var k=0; k<allImgs.length; k++) {
						if(allImgs[k].src.indexOf("asdf") != -1) {
							allImgs[k].src = allImgs[k].src.replace("asdf",parentId);
						}
					}
					new Effect.SlideDown(openSec,{delay:"0.5",duration:"0.5"});
					window.setTimeout('enableClick()',1000);
				}
			}
		}
	}
}
if (window.attachEvent) {
	window.attachEvent("onload", navImgRolloverCon);
}
if (document.addEventListener) {
	document.addEventListener("DOMContentLoaded", navImgRolloverCon, false);
}

navImgRollover = function() {
	if(document.getElementById("navsecContent") != null) {
		var navImgs = document.getElementById("navsecContent").getElementsByTagName("IMG");
		for (var i=0; i<navImgs.length; i++) {
			navImgs[i].onclick=function() {
				if (canClick == 0) {
					canClick = 1;
					var floater = document.getElementById("floater");
					var goal = (this.parentNode.parentNode.offsetLeft-5) - floater.offsetLeft;
					new Effect.MoveBy("floater",0,goal,{duration:"0.5"});
					new Effect.SlideUp(openSec,{duration:"0.5"});
					var parentId =this.parentNode.parentNode.id;
					openSec = document.getElementById(parentId + "Sec");
					//update all openSec's images, replacing place holder source
					var allImgs = openSec.getElementsByTagName("IMG");
					for (var k=0; k<allImgs.length; k++) {
						if(allImgs[k].src.indexOf("asdf") != -1) {
							allImgs[k].src = allImgs[k].src.replace("asdf",parentId);
						}
					}
					new Effect.SlideDown(openSec,{delay:"0.5",duration:"0.5"});
					window.setTimeout('enableClick()',1000);
				}
			}
		}
	}
}
if (window.attachEvent) {
	window.attachEvent("onload", navImgRollover);
}
if (document.addEventListener) {
	document.addEventListener("DOMContentLoaded", navImgRollover, false);
}

var curStep = 1;
function selDesign (e) {
	if (canClick == 0) {
		// only allow click of next step.
		if (e == -1) {
			e = curStep + 1;
		}
		if (e == curStep + 1 || document.getElementById("choice" + e).className == "choiceButtonV" || document.getElementById("choice" + (e-1)).className == "choiceButtonV") {
			canClick = 1;
			// set curStep to visited
			document.getElementById("choice" + curStep).className = "choiceButtonV";
			// set curStep to new and set new to ON
			curStep = e;
			document.getElementById("choice" + e).className = "choiceButtonON";
			
			// check if last step
			if (!document.getElementById("choice" + (e+1))) {
					document.getElementById("next").style.visibility = "hidden";
			} else {
					document.getElementById("next").style.visibility = "visible";
			}
			
			// move to form
			var designSecs = document.getElementById("designSecs");
			var dest = (curStep-1) * 798;
			var goal = -1 * (dest) - designSecs.offsetLeft;
			new Effect.MoveBy("designSecs",0,goal,{duration:"0.5"});
			window.setTimeout('enableClick()',500);
		}
	}
}

function changeGway(rep, pic) {
	if(pic*1 > -1 && pic*1 < 100) {
		document.getElementById(rep).innerHTML = pic + "\"";
	}
	else
		document.getElementById(rep).src = "http://www.wahoodocks.com/gangways/standard/img/hinges/" + pic;
}

sfDropDown = function() {
	var sfEls = getElementsByClassName("selButto",document.getElementById("standForm"));
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onclick=function() {
			if(this.style.background.indexOf("OFF") != -1) {
				var sfEls2 = getElementsByClassName("show",document.getElementById("standForm"));
				for (var k=0; k<sfEls2.length; k++) {
					sfEls2[k].className = sfEls2[k].className.replace(new RegExp("shown\\b"), "hidden");
					var sfEls3 = getElementsByClassName("selButto",sfEls2[k].parentNode.parentNode);
					sfEls3[0].style.background = sfEls3[0].style.background.replace(new RegExp("ON\\b"), "OFF");
				}
				this.style.background = this.style.background.replace(new RegExp("OFF\\b"), "ON");
				this.parentNode.getElementsByTagName("UL")[0].className = this.parentNode.getElementsByTagName("UL")[0].className.replace(new RegExp("hidden\\b"), "shown");
			} else {
				this.style.background = this.style.background.replace(new RegExp("ON\\b"), "OFF");
				this.parentNode.getElementsByTagName("UL")[0].className = this.parentNode.getElementsByTagName("UL")[0].className.replace(new RegExp("shown\\b"), "hidden");
				}
		}
	}
	if (sfEls.length != 0) {
		var sfEls3 = document.getElementById("standForm").getElementsByTagName("a");
		for (var i=0; i<sfEls3.length; i++) {
			sfEls3[i].onclick=function() {
				var yo = getElementsByClassName("selButto",this.parentNode.parentNode.parentNode.parentNode);
				yo[0].style.background = yo[0].style.background.replace(new RegExp("ON\\b"), "OFF");
				this.parentNode.parentNode.parentNode.childNodes[0].innerHTML = this.innerHTML;
				this.parentNode.parentNode.className = this.parentNode.parentNode.className.replace(new RegExp("shown\\b"), "hidden");
			}
		}
	}
}
if (window.attachEvent) {
	window.attachEvent("onload", sfDropDown);
}
if (document.addEventListener) {
	document.addEventListener("DOMContentLoaded", sfDropDown, false);
}
function getElementsByClassName(classname, node)  {
	if(!node) node = document.getElementsByTagName("body")[0];
	var a = [];
	var re = new RegExp('\\b' + classname + '.');
	var els = node.getElementsByTagName("*");
	for(var i=0,j=els.length; i<j; i++) {
		if(re.test(els[i].className))a.push(els[i]);
	}
	return a;
}