/**
 * top left navigation handling
 */
Event.observe(document, 'dom:loaded', function(){
	$$('.cat-menu-left').each(function(item) {
		$(item).observe('mouseenter', function () {
	        $(this).childElements().each(function(element) {
	            if(element.hasClassName('more')) {
	                element.addClassName('hide');
	            }
	            else if(element.hasClassName('hide')) {
	                element.removeClassName('hide');
	                element.addClassName('was-hidden');
	            }
	        });
	        $(this).addClassName('visible');
		});
		
		$(item).observe('mouseleave', function () {
	        $(this).childElements().each(function(element) {
	        	if (element.hasClassName('was-hidden')) {
	        		//: easier to track a classname than to count for elements
	        		element.removeClassName('was-hidden');
	        		element.addClassName('hide');
	        	} else if (element.hasClassName('hide') && element.hasClassName('more')) {
	        		element.removeClassName('hide');
	        	}
	        });
	        $(this).removeClassName('visible');
	    });
		
		//: check navigation for length, shorten if necessary
		//: 10 elements a 26px height
		var maxHeight = 260;
		var curHeight = 0;
		$(item).childElements().each(function(element) {
			if (!element.hasClassName('more') && !element.hasClassName('leftNavBar-side-image-li')) {
				curHeight += element.getDimensions().height;
				if (curHeight > maxHeight) {
					element.addClassName('hide');
				}
			}
		});
	});
	
	var ua = navigator.appVersion;
    if(ua.indexOf("MSIE 6.0") != -1) {
        // retoggle SliderButtons for display issue in IE6
        $$('.category-slider .catSliderMoveLeft')[0].setStyle({'display':'none' });
        $$('.category-slider .catSliderMoveLeft')[0].setStyle({'display':'block' });
        $$('.category-slider .catSliderMoveRight')[0].setStyle({'display':'none' });
        $$('.category-slider .catSliderMoveRight')[0].setStyle({'display':'block' });
    }
});