// JavaScript Document
var prevElmt = "link-1";
var selectedElmt = "instant-fit";

function initNav() {
	
	$$('ul#nav li').each(function(elmt) {
		var elmtID = elmt.id;
		var elmtHeight = elmt.getHeight();
		
		elmt.observe('click', function(ev) {
									   
			
			if(elmt.id == "link-1") {
				$(prevElmt).className = "";
				elmt.className = "selected-sml";
				
				$(selectedElmt).setStyle({
  					display: 'none'
				});
				
				$('instant-fit').setStyle({
  					display: 'block'
				});
				prevElmt = elmt.id;
				selectedElmt = "instant-fit";
			}
			else if(elmt.id == "link-2") {
				selectedElmt.className = "";
				
				$(prevElmt).className = "";
				elmt.className = "selected-sml";
			
				$(selectedElmt).setStyle({
  					display: 'none'
				});	
				$('customfit-hearing').setStyle({
  					display: 'block'
				});
				prevElmt = elmt.id;
				selectedElmt = "customfit-hearing";
			}
			else if(elmt.id == "link-3") {
				selectedElmt.className = "";
				
				$(prevElmt).className = "";
				elmt.className = "selected-large";
			
				$(selectedElmt).setStyle({
  					display: 'none'
				});	
				$('nightclub').setStyle({
  					display: 'block'
				});
				prevElmt = elmt.id;
				selectedElmt = "nightclub";
			}
			else if(elmt.id == "link-4") {
				selectedElmt.className = "";
				
				$(prevElmt).className = "";
				elmt.className = "selected-large";
			
				$(selectedElmt).setStyle({
  					display: 'none'
				});	
				$('motorcyclists').setStyle({
  					display: 'block'
				});
				prevElmt = elmt.id;
				selectedElmt = "motorcyclists";
			}
			else if(elmt.id == "link-5") {
				selectedElmt.className = "";
				
				$(prevElmt).className = "";
				elmt.className = "selected-large";
			
				$(selectedElmt).setStyle({
  					display: 'none'
				});	
				$('industrial').setStyle({
  					display: 'block'
				});
				prevElmt = elmt.id;
				selectedElmt = "industrial";
			}
			Event.stop(ev);
	    });
		
		elmt.observe('mouseover', function(ev) {
			
			if(elmt.id == "link-1" && elmt.className != "selected-sml") {
				elmt.className = "selected-sml";
			}
			else if(elmt.id == "link-2" && elmt.className != "selected-sml") {
				elmt.className = "selected-sml";
			}
			else if(elmt.id == "link-3" && elmt.className != "selected-large") {
				elmt.className = "selected-large";
			}
			else if(elmt.id == "link-4" && elmt.className != "selected-large") {
				elmt.className = "selected-large";
			}
			else if(elmt.id == "link-5" && elmt.className != "selected-large") {
				elmt.className = "selected-large";
			}
		});
		
		elmt.observe('mouseout', function(ev) {

			if(elmt.id == "link-1" && prevElmt != elmt.id) {
				elmt.className = "";
			}
			else if(elmt.id == "link-2" && prevElmt != elmt.id) {
				elmt.className = "";
			}
			else if(elmt.id == "link-3" && prevElmt != elmt.id) {
				elmt.className = "";
			}
			else if(elmt.id == "link-4" && prevElmt != elmt.id) {
				elmt.className = "";
			}
			else if(elmt.id == "link-5" && prevElmt != elmt.id) {
				elmt.className = "";
			}
		});
		
	});
	
}


Event.observe(window, 'load', initNav);