function roofventchange(object){
	if (object.options[object.selectedIndex].value == '0' | object.options[object.selectedIndex].value == 'select')
		{
		//document.getElementById('divelectricventsoptions').style.display = 'none';
		javascript:electricventoptions1.slideup();
		}
	else
		{
		//document.getElementById('divelectricventsoptions').style.display = 'block';
		javascript:electricventoptions1.slidedown();
		}
}

function stylechange(object) {
		strHTML = '<img alt="Roof image" src="images/designs/quote_' + object.options[object.selectedIndex].value + '.jpg" />'
		document.getElementById('StylePreview').innerHTML = strHTML;

		//hide all dimensions before showing some
		document.getElementById('divDim1').style.display = 'none';
		document.getElementById('divDim2').style.display = 'none';
		document.getElementById('divDim3').style.display = 'none';
		document.getElementById('divDim4').style.display = 'none';
		document.getElementById('divDim5').style.display = 'none';

		document.getElementById('divUpstands').style.display = 'none';
		document.getElementById('divEndFrames').style.display = 'none';

		switch (object.options[object.selectedIndex].value)
			{
			    case "1": { 
					document.getElementById('divDim1').style.display = 'block';
					document.getElementById('divDim2').style.display = 'block';
					document.getElementById('divDim3').style.display = 'block';
					break;
					}
			    case "2": { 
					document.getElementById('divDim1').style.display = 'block';
					document.getElementById('divDim2').style.display = 'block';
					document.getElementById('divDim3').style.display = 'block';
					break;
					}
			    case "3": { 
					document.getElementById('divDim1').style.display = 'block';
					document.getElementById('divDim2').style.display = 'block';
					document.getElementById('divDim3').style.display = 'block';
					break;
					}
			    case "4": { 
					document.getElementById('divDim1').style.display = 'block';
					document.getElementById('divDim2').style.display = 'block';
					break;
					}
			    case "5": { 
					document.getElementById('divDim1').style.display = 'block';
					document.getElementById('divDim2').style.display = 'block';
					document.getElementById('divEndFrames').style.display = 'block';
					break;
					}
			    case "6": { 
					document.getElementById('divDim1').style.display = 'block';
					document.getElementById('divDim2').style.display = 'block';
					document.getElementById('divUpstands').style.display = 'block';
					document.getElementById('divEndFrames').style.display = 'block';
					break;
					}
			    case "7": { 
					document.getElementById('divDim1').style.display = 'block';
					document.getElementById('divDim2').style.display = 'block';
					document.getElementById('divDim3').style.display = 'block';
					document.getElementById('divDim4').style.display = 'block';
					document.getElementById('divDim5').style.display = 'block';
					break;
					}
			    case "8": { 
					document.getElementById('divDim1').style.display = 'block';
					document.getElementById('divDim2').style.display = 'block';
					document.getElementById('divUpstands').style.display = 'block';
					break;
					}
				  case "9": { 
					document.getElementById('divDim1').style.display = 'block';
					document.getElementById('divUpstands').style.display = 'block';
					break;
					}
			    default: { }
			}
}