//residential nav functions
window.addEvent('domready', function(){									 
	$$('div#MainNav > ul > li')
		.each(function(mainnav_el, ind) {			
			var stylenav_el = mainnav_el.getElement('ul');
			if (stylenav_el) {			
				stylenav_el.set('opacity', 0);
				var styletab_el = stylenav_el.getElement('li');
				var styletab_txt = stylenav_el.getElement('h2');
				var modelnav_el = stylenav_el.getElement('ul');
				//var modelnav_w = (modelnav_el.getElements('li[class^=ProductNavCol]').length * 109) + 'px';
				//alert(modelnav_w);
				mainnav_el.addEvent('mouseenter', function(){
					$$('li.StyleTab').removeClass('Selected');
					$$('li.StyleTab > h2').removeClass('Selected');
					styletab_el.addClass('Selected');
					styletab_txt.addClass('Selected');
					//$$('ProductNav').setStyle('width',modelnav_w);
					//$$('StyleTabs').setStyle('width',modelnav_w);
					modelnav_el.setStyle('z-index',900);
					stylenav_el.set({
						'opacity': 1
					});
				});
				mainnav_el.addEvent('mouseleave', function(){
					stylenav_el.set({
						'opacity': 0
					});
				});
			}		
			
			//products by series
			$$('li.StyleTab')
				.each(function(styletab_el, ind) {
				var modelnav_el = styletab_el.getElement('ul');
				var styletab_txt = styletab_el.getElement('h2');
				if(modelnav_el){
					styletab_el.addEvent('mouseenter', function(){
						$$('li.StyleTab').removeClass('Selected');
						$$('li.StyleTab > h2').removeClass('Selected');
						styletab_el.addClass('Selected');
						styletab_txt.addClass('Selected');
						modelnav_el.setStyle('z-index', 901);
					});
					styletab_el.addEvent('mouseleave', function(){
						modelnav_el.setStyle('z-index', 899);
					});
				}
			});
			
			//model pop outs
			$$('li[class^=ProductNavCol]')
				.each( function(el, ind) {
				var sub_el = el.getElement('ul');
				if (sub_el) {				
					sub_el.set('opacity', 0);
					el.addEvent('mouseenter', function(){		   
						var elPos = el.getPosition($('MainNav'));
						var subelLeft = (elPos.x - 35);							   
						sub_el.set({
							'styles':{
								'left': subelLeft							
							},
							'opacity': 1
						});				
					});
					el.addEvent('mouseleave', function(){
						sub_el.set({
							'opacity': 0
						});
					});
				}
			});			
		}); 
	
	//residential commercial 
	var ComToRes = $$('li.ComToRes');
	ComToRes.addEvent('mouseenter', function(){
		this.getElement('p').morph({
			'visibility': 'visible'
		});
	});
	ComToRes.addEvent('mouseleave', function(){
		this.getElement('p').morph({	
			'visibility': 'hidden'
		});
	});
				
	//main nav quote button zip form functions
	var QuoteButton = $$('li.Quote');			
	QuoteButton.addEvent('click', function(){
		this.getElement('form').morph({
			'visibility': 'visible'
		});
	});
	QuoteButton.addEvent('mouseleave', function(){
		this.getElement('form').morph({
			'visibility': 'hidden'					
		});
	});
	
	//product nav quote button zip form functions
	var QuoteButton = $('ProductQuoteBttn');
	if(QuoteButton){
		QuoteButton.addEvent('click', function(){
			this.getElement('form').morph({
				'visibility': 'visible'
			});
		});
		QuoteButton.addEvent('mouseleave', function(){
			this.getElement('form').morph({
				'visibility': 'hidden'					
			});
		});
	};
	
	//locator button zip form functions
	var LocatorButton = $$('li.Locator');			
	LocatorButton.addEvent('click', function(){
		this.getElement('form').morph({
			'visibility': 'visible'
		});
	});
	LocatorButton.addEvent('mouseleave', function(){
		this.getElement('form').morph({
			'visibility': 'hidden'					
		});
	});
	
	//helper nav functions
	$$('ul#HelperNav > li')
	.each( function(el, ind) {
		var sub_el = el.getElement('ul');
		if (sub_el) {
			var h1_el = el.getElement('h1');
			sub_el.set('opacity', 0);
			el.addEvent('mouseenter', function(){											   
				sub_el.set({
					'opacity': .95
				});
				h1_el.morph({
					'visibility': 'visible'
				});
			});
			el.addEvent('mouseleave', function(){
				sub_el.set({
					'opacity': 0
				});
				h1_el.morph({
					'visibility': 'hidden'
				});
			});
		}
	});	
	
});


