Event.observe(window, 'load', function() {

	var secondaryNav = document.getElementsByClassName("product-range-list-sub");
	for (var i = 0; i < secondaryNav.length; i++) {

		secondaryNav[i].style.visibility = 'hidden';

		Event.observe(secondaryNav[i], 'mouseover', function() {

			this.parentNode.down().down().addClassName('hover');
		}.bindAsEventListener(secondaryNav[i]));

		Event.observe(secondaryNav[i], 'mouseout', function() {

			this.parentNode.down().down().removeClassName('hover');
		}.bindAsEventListener(secondaryNav[i]));


		var subLinks = secondaryNav[i].getElementsByTagName('a');
		for(var j = 0; j < subLinks.length; j++) {

			Event.observe(subLinks[j], 'mouseover', function() {
								
				var link = $(this).up('li').down('a');
				
				link.addClassName('hover');
			}.bindAsEventListener(secondaryNav[i]));

			Event.observe(subLinks[j], 'mouseout', function() {

				var link = $(this).up('li').down('a');

				link.removeClassName('hover');
			}.bindAsEventListener(secondaryNav[i]));
		}
	}

	
	var navigationList = $('product-range-list') ? $('product-range-list') : $('range-list');
	if(navigationList) {

		var navigationHeaders = navigationList.getElementsByTagName('li');
		for(var i = 0; i < navigationHeaders.length; i++) {

			var navigationLink = $(navigationHeaders[i]).down('a');
			if(navigationLink) {

				Event.observe(navigationLink, 'mouseover', function() {
				
					var subNav = $(this).up('li').down('.product-range-list-sub');
					if(subNav) {

						subNav.style.visibility= 'visible';
					}
				}.bindAsEventListener(navigationLink));

				Event.observe(navigationLink, 'mouseout', function(e) {

					var subNav = $(this).up('li').down('.product-range-list-sub');
					if(subNav) {

						if(!Position.within(this, Event.pointerX(e), Event.pointerY(e))) {

							subNav.style.visibility = 'hidden';
						}
					}
				}.bindAsEventListener(navigationLink));
			}
		}
	}
});