womAdd('initializeSelector()');

function resetSelector(){
document.getElementById("firstDD").value = 2;
document.getElementById("secondDD").value = 3;
document.getElementById("thirdDD").value = 3;
document.getElementById("fourthDD").value = 2;
setMask("remove");
}

function loadfile(filename, filetype){
	if(filetype=="js"){
		var fileref=document.createElement("script");
		fileref.setAttribute("type","text/javascript");
		fileref.setAttribute("src", filename);
	}
	else if(filetype=="css"){
		var fileref=document.createElement("link");
		fileref.setAttribute("rel", "stylesheet");
		fileref.setAttribute("type", "text/css");
		fileref.setAttribute("href", filename);
	}
	if (typeof fileref!="undefined") document.getElementsByTagName("head")[0].appendChild(fileref);
}

function initializeSelector(){
	loadfile("/Documents/guides/selector.css", "css");
	getOutput();
}

function update(){
document.forms[0].input1.value = document.getElementById("firstDD").value;
document.forms[0].input2.value = document.getElementById("secondDD").value;
document.forms[0].input3.value = document.getElementById("thirdDD").value;
document.forms[0].input4.value = document.getElementById("fourthDD").value;
document.forms[0].submit();
}

function mark(idx){
document.getElementById(idx).style.left = "-2000px";
}

function setMask(type){
if(type=="remove") position = "-2000px";
else if(type=="insert") position = "0";
else return;

document.getElementById("box1").style.left = position;
document.getElementById("box2").style.left = position;
document.getElementById("box3").style.left = position;
document.getElementById("box4").style.left = position;
}

function getOutput(){
if(document.getElementById("output")){
	setMask("insert");

	str = document.getElementById("output").value;

	if(str.indexOf("B1")!=-1) mark("box1");
	if(str.indexOf("B2")!=-1) mark("box2");
	if(str.indexOf("B3")!=-1) mark("box3");
	if(str.indexOf("B4")!=-1) mark("box4");

	document.getElementById("firstDD").value = document.forms[0].input1.value;
	document.getElementById("secondDD").value = document.forms[0].input2.value;
	document.getElementById("thirdDD").value = document.forms[0].input3.value;
	document.getElementById("fourthDD").value = document.forms[0].input4.value;
}
else setMask("remove");
}