Event.addEvent(window,"load",prepareNarrowServices);

function prepareNarrowServices(){
	var elements = Document.getElementsByClassMatch("JS:NarrowServices");
	elements.each(NarrowServices);
}

function NarrowServices(element){
	Event.addEvent(element,"change",NarrowServices.switchDisplay);
}
NarrowServices.switchDisplay = function(evt){
	var element = Event.getTarget(evt);
	var selected = element.value;
	switch(selected){
		case "Brochure Website":
			NarrowServices.showWebDesign();
			break;
		case "Ecommerce Website":
			NarrowServices.showWebDesign();
			break;
		case "Flash Website":
			NarrowServices.showWebDesign();
			break;
		case "Search Engine Optimisation":
			NarrowServices.showWebDesign();
			break;
		default:
			NarrowServices.hideWebDesign();
			break;
	}
}
NarrowServices.showWebDesign = function(){
	var webDesign = document.getElementById("js_narrow");
	webDesign.style.display = "block";
}
NarrowServices.hideWebDesign = function(){
	var webDesign = document.getElementById("js_narrow");
	webDesign.style.display = "none";
}