//residential nav functions
window.addEvent('domready', function(){									 
	$$('ul#HDNav > 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
					});
				});
			}
		});
	});
		
	//main nav quote button zip form functions
	var QuoteButton = $$('li.Quote');			
	QuoteButton.addEvent('click', function(){
		this.getElement('form').setStyle('display','block');
		this.getElement('form').morph({
			'visibility': 'visible'
		});
	});
	QuoteButton.addEvent('mouseleave', function(event){
		/*/chrome workaround
		this.getElement('input').addEvent('mouseenter', function(){
			this.getParent('form').setStyle('display','block');
			this.getParent('form').morph({
				'visibility': 'visible'
			});																
		});
		//end chrome workaround*/
		if(event.target == this){
		this.getElement('form').morph({
			'visibility': 'hidden'					
		});
		this.getElement('form').setStyle('display','none');
		};
	});

	
	//product nav quote button zip form functions
	var QuoteButton = $('ProductQuoteBttn');
	if(QuoteButton){
		QuoteButton.addEvent('click', function(){
			this.getElement('form').setStyle('display','block');
			this.getElement('form').morph({
				'visibility': 'visible'
			});
		});
		QuoteButton.addEvent('mouseleave', function(event){			
			/*/chrome workaround
			this.getElement('input').addEvent('mouseenter', function(){
				this.getParent('form').setStyle('display','block');
				this.getParent('form').morph({
					'visibility': 'visible'
				});	
			});
			//end chrome workaround*/
			//alert(event.target.id);
			//alert(this.id);
			if(event.target == this){
			this.getElement('form').morph({
				'visibility': 'hidden'					
			});
			this.getElement('form').setStyle('display','none');	
			}
		});
	};
	
	//locator button zip form functions
	var LocatorButton = $$('li.Locator');			
	LocatorButton.addEvent('click', function(){
		this.getElement('form').setStyle('display','block');
		this.getElement('form').morph({
			'visibility': 'visible'
		});
	});
	LocatorButton.addEvent('mouseleave', function(event){
		/*/chrome workaround
		this.getElement('input').addEvent('mouseenter', function(){
			this.getParent('form').setStyle('display','block');
			this.getParent('form').morph({
				'visibility': 'visible'
			});																
		});
		//end chrome workaround*/
		//alert(event.target.tagName);
		if(event.target == this){
		this.getElement('form').morph({
			'visibility': 'hidden'					
		});
		this.getElement('form').setStyle('display','none');
		}
	});
	
	//helper nav functions
	$$('ul#HelperNav > li')
	.each( function(el, ind) {
		var sub_el = el.getElement('ul');
		if (sub_el) {
			sub_el.set('opacity', 0);
			el.addEvent('mouseenter', function(){											   
				sub_el.set({
					'opacity': .95
				});
			});
			el.addEvent('mouseleave', function(){
				sub_el.set({
					'opacity': 0
				});
			});
		}
	});	
	
	//product page nav functions
	$$('#ProductPageNav > ul li')
	.each(function(navitem, ind){
		var src = 'url(/img/page_nav_' + navitem.getProperty('name') + '.gif)';
		var src_over = 'url(/img/page_nav_' + navitem.getProperty('name') + '_over.gif)';
		var selected = navitem.getProperty('pgsel');
		if(selected == 1){
			navitem.setStyle('background-image',src_over);
			navitem.getElement('a').setStyle('color','#ffffff');
		}
		else{
			navitem.setStyle('background-image',src);
			navitem.addEvent('mouseenter', function(){
				navitem.setStyle('background-image',src_over);									
			});
			navitem.addEvent('mouseleave', function(){
				navitem.setStyle('background-image',src);									
			});
		}
		PageNavLeft = (757-((6-(ind + 1))*82));
		PageNavSpacer = (((6-(ind + 1))*82)+243);
		if(PageNavSpacer > 0){
			$$('#ProductPageNav #ChatButton').setStyles({
				width:PageNavSpacer,
				left:PageNavLeft
			});
		};
	});
	
	//page nav functions
	PageNavSpacer = 0;
	$$('#PageNav > ul li')
	.each(function(navitem, ind){
		var src = 'url(/img/page_nav_' + navitem.getProperty('name') + '.gif)';
		var src_over = 'url(/img/page_nav_' + navitem.getProperty('name') + '_over.gif)';
		var selected = navitem.getProperty('pgsel');
		if(selected == 1){
			navitem.setStyle('background-image',src_over);
			navitem.getElement('a').setStyle('color','#ffffff');
		}
		else{
			navitem.setStyle('background-image',src);
			navitem.addEvent('mouseenter', function(){
				navitem.setStyle('background-image',src_over);									
			});
			navitem.addEvent('mouseleave', function(){
				navitem.setStyle('background-image',src);									
			});
		}
		PageNavSpacer = (((5-(ind + 1))*98)+245);
	});
	if(PageNavSpacer > 0){
		$$('#PageNav #ChatButton').setStyle('width',PageNavSpacer);
	};
});