var useFades = true;

if ((navigator.userAgent.indexOf("MSIE 7")!=-1) || (navigator.userAgent.indexOf("MSIE 8")!=-1) || (navigator.userAgent.indexOf("Chrome")!=-1) || (Browser.Engine.gecko && Browser.Engine.version < 19)) {
	// ie7 doesn't support opacity on transparent png's
	// ff2 screws up the flash when opacity is on top of it
	useFades = false;
}

window.addEvent("domready", function(){
    
    // Get a clean path
    
    var location = document.location.href.replace(/\/+$/, '').replace(/^http:\/\//, '');
    var host = document.location.host;
    var path = document.location.pathname;
    path = path.replace(/^\/+/, '').replace(/\/+$/, '');
    var path_array = path.split('/');
	
	$each($$('.os-menu a'), function(el) {
	    
		var morph = new Fx.Morph(el);
		var href = el.get('href').replace(/\/+$/, '').replace(/^http:\/\//, '');
		var href_array = href.split('/');
		
		// Set 'sel' state
		
		if (location == href || path_array[0] == href_array[1] || (el.get('title') == 'Swag' && host == href_array[0])) {
		    el.set('class', el.get('class') + '-sel');
		}
		
		var elOverName = el.get('class');
		var elOverName = elOverName.replace('-sel','');
		var elOver = $(elOverName + '-over');
		
		if (!useFades) {
			elOver.set('opacity', 1);
			el.addEvents({  
				'mouseenter' : function() { elOver.setStyle('display', 'block'); },
				'mouseleave' : function() { elOver.setStyle('display', 'none'); }
			});
		} else {
			elOver.set('opacity', 0.0);
			elOver.setStyle('display', 'block');
			el.addEvents({  
				'mouseenter' : function() { elOver.set('morph',{duration: 300}).morph({'opacity': 1.00}); },
				'mouseleave' : function() { elOver.set('morph',{duration: 100}).morph({'opacity': 0}); }
			});
		}
	});
});