function updateitems(x){
	itemslist.options.length=0
	if (x>0){
		for (i=0; i<items[x].length; i++){
			itemslist.options[itemslist.options.length]=new Option(items[x][i].split("|")[0], items[x][i].split("|")[1])
		}
	}
}		

function switchStyle2(){
		if (document.form.cal2.value == ''){
			var cal = document.getElementById('items').value;
		} else {
			var cal = document.form.cal2.value;
		}

		// other supported styles
		// myElement.style.fontSize = "24px";
		// myElement.style.fontFamily = "Verdana, Arial, Courier New";
		// myElement.style.textDecoration = "underline";
		// myElement.style.fontWeight = "normal";
		// myElement.style.visibility=="hidden";

	if (cal < 150){
		if((document.getElementById) && (document.getElementById('row3')!=null)) {
			// Get a reference to the element
			var myElement = document.getElementById('row3');
			// Check the element's style object and background property are available
			if ((myElement.style) && (myElement.style.color!=null)) {
					document.getElementById('row1').style.visibility="Hidden";
					document.getElementById('row2').style.visibility="Hidden";
					document.getElementById('row3').style.color = "black";		
					document.getElementById('row3').style.borderColor="green";
					document.getElementById('row3').style.borderStyle="solid";
					document.getElementById('row3').style.borderWidth="2px";
					document.getElementById('row3').style.visibility="Visible";

			} else {	
				return;
			}
		} else {
			return;
		}
	} else if (cal >= 150 && cal < 225){
		if((document.getElementById) && (document.getElementById('row2')!=null)) {
			// Get a reference to the element
			var myElement = document.getElementById('row2');
			// Check the element's style object and background property are available
			if ((myElement.style)&& (myElement.style.color!=null)) {
					document.getElementById('row1').style.visibility="Hidden";
					document.getElementById('row2').style.color = "black";	
					document.getElementById('row2').style.borderColor="orange";
					document.getElementById('row2').style.borderStyle="solid";
					document.getElementById('row2').style.borderWidth="2px";					
					document.getElementById('row2').style.visibility="Visible";
					document.getElementById('row3').style.visibility="Hidden";
					
			} else {	
				return;
			}
		} else {
			return;
		}
	} else {
		if((document.getElementById) && (document.getElementById('row1')!=null)) {
			// Get a reference to the element
			var myElement = document.getElementById('row1');
			// Check the element's style object and background property are available
			if ((myElement.style)&& (myElement.style.color!=null)) {
					document.getElementById('row1').style.color = "black";		
					document.getElementById('row1').style.borderColor="red";
					document.getElementById('row1').style.borderStyle="solid";
					document.getElementById('row1').style.borderWidth="2px";					
					document.getElementById('row1').style.visibility="Visible";
					document.getElementById('row2').style.visibility="Hidden";
					document.getElementById('row3').style.visibility="Hidden";
			}else {	
				return;
			}
		}else {
			return;
		}
	}
}