document.observe('dom:loaded', function() {
	
	initHomepage();
	
	$$('.navSection').each(function(element) {
		
		var allActive = $$('.navButton div');
		
		var infoBox = $(element).getElementsBySelector('div.navButton div')[0];
		var ieCheat = $(document.createElement("div"));
		ieCheat.addClassName('ieTransBox');
		infoBox.insert(ieCheat);
		
		$(element).observe('mouseover', function(){
			allActive.each(function(e){
				e.removeClassName('active');
			});
			infoBox.addClassName('active');
			if (document.attachEvent){
				var ieCheatHeight = infoBox.getOffsetParent().getHeight() + 'px';
				ieCheat.setStyle({
					height: ieCheatHeight
				})
			}
			
		});
		/*$(element).observe('mouseout', function(){
			infoBox.removeClassName('active');
		}); */
	});
	
	
/*-- Mouseout function to prevent flickering in/out of elements in ie --*/
	if($$('.homepage')[0]){
	var mouseoutArray = new Array();
	mouseoutArray[0] = $$('.homepage .content h1')[0];
	mouseoutArray[1] = $$('.homepage .content')[0];
	mouseoutArray[2] = $$('.homepage .footer')[0];
	mouseoutArray[3] = $$('.homepage .content h3')[0];
	
	mouseoutArray.each( function(element){	
		$(element).observe('mouseover', function(){
			var allActive = $$('.navButton div');
				allActive.each(function(e){
					e.removeClassName('active');
				});				 
			});						 
		});	
	}
/*-- END: Mouseout function --*/


	$$('.nav ul').each( function(element){
	
		$(element).getElementsBySelector('li').each(function(node){
		

			$(node).observe('mouseover', function(){
				
				node.siblings().each(function(e){
					e.removeClassName('active');
				});

				this.addClassName('hover');
				this.addClassName('active');
				//$(this).parentNode.previous('div').addClassName('active');

			});

			$(node).observe('mouseout', function(){
				this.removeClassName('hover');
				node.siblings().each(function(e){
					if(e.hasClassName('current')){
						 node.removeClassName('active');
						 e.addClassName('active');
						}
				});

				
			});
		});
	
		$(element).getElementsBySelector('strong').each(function(node){
			$(node).observe('mouseover', function(){
				
				this.addClassName('hover');
				this.addClassName('active');
				//$(this).parentNode.parentNode.parentNode.previous('div').addClassName('active');
			});

			
		});
	

	});
	
	$$('.details dt a').each( function(element){
		$(element).observe('click', function(e){
			Event.stop(e);
			$$('.details dt a').each(function(node){ node.removeClassName('active'); });
			$$('.details dd').each(function(node){ node.setStyle({ 'display': 'none' }); });
			this.addClassName('active');
			this.getOffsetParent().nextSiblings()[0].setStyle({
				'display': 'block'
			});
		})
	})

	
$$('.suppliesContainer ul li a').each( function(element){
		$(element).observe('click', function(e){;
			$$('.suppliesContainer ul li a').each(function(node){ node.removeClassName('on'); });
			var thisLink = this.href.split("#")[1];
			var thisText = this.innerHTML;
			this.addClassName('on');
			$$('.suppliesContainer h3')[0].addClassName('active');
			$$('.suppliesContainer h3')[0].innerHTML = 'SUPPLIES COMPATIBLE WITH THE <span>'+thisText+'</span>';
			Event.stop(e);
			$$('.suppliesList div.suppliesTable').each(function(node){ 
					
					if(node.id == thisLink){
						node.addClassName('active');
					}	
					else{
				 		node.removeClassName('active'); 
					}
				 
				 });
			
		})
	})
 $$('.supplies .nav ul').each( function(element){
				$(element).setStyle({
					'display': 'none',
					'height': 'auto'
				});
		})


	$$('.supplies .navButton a').each( function(element){
			$(element).href = "javascript:void(0)";
			$(element).observe('click', function(e){
				Event.stop(e);
				navSlide(this);
				return false;

			})
		})

});


var navSlide = function(el){
	var thisList = $$('.nav ul');
	var navHeight = $('supplyNav').getHeight();	
	
	if(navHeight <= 52){
	  new Effect.Parallel([
	  new Effect.Scale(el.parentNode.parentNode.parentNode, '285', 
			{
				scaleX:false, 
				scaleContent:false,
				scaleMode: { originalHeight: 52 }
			}),
	  
	  new Effect.BlindDown(thisList[0]),
	  new Effect.BlindDown(thisList[1]), 
	  new Effect.BlindDown(thisList[2]), 
	  new Effect.BlindDown(thisList[3]) 
	], {

		afterFinish: function(){$('supplyNav').style.height = '148px';}
	});	
	}
	else{
	  new Effect.Parallel([
	  
	  new Effect.BlindUp(thisList[0]),
	  new Effect.BlindUp(thisList[1]), 
	  new Effect.BlindUp(thisList[2]), 
	  new Effect.BlindUp(thisList[3]), 
	  new Effect.Scale(el.parentNode.parentNode.parentNode, '35', 
			{
				scaleX:false, 
				scaleContent:false,
				scaleMode: { originalHeight: 148 }
			})
	], {
		
		afterFinish: function(){$('supplyNav').style.height = '52px';}
	});
			
	}
	
}

function initHomepage(){
	if($$('.homepage').length > 0){
		var highlightArray = $$('.highlight');
		var n = Math.floor(Math.random()*highlightArray.length)
		highlightArray[n].addClassName('current');
	}
}