$(document).ready(

	function() {
		attachRollovers();
	
		var activeElement = $('#primary-nav .active');
		if( activeElement.size() == 0 ) {
			window.defaultBGPos = '0 0';
		} else {
			window.defaultBGPos = '0 ' + ( new Number(activeElement.attr('offset')) + -40) + 'px';
		}
		
		var jqGradient = $('#menu-gradient');
		$('#primary-nav .menu').hover(
			function() {
				var jqThis = $(this);
				var jqImg = jqThis.find('img');
				var sSrc = jqImg.attr('src');
				var bHasMenu = jqThis.find('ul li a').size() > 0;
				
				if( !jqThis.hasClass('active') ) {
					jqImg.attr('src', sSrc.replace('.png', '_on.png') );
				}
				if( bHasMenu ) {
					jqGradient.css( { backgroundPosition: '0 ' + jqThis.attr('offset') + 'px'});
					jqThis.addClass('hover');
				}
			},
			function() {
				var jqThis = $(this);
				var jqImg = jqThis.find('img');
				var sSrc = jqImg.attr('src');
				var bHasMenu = jqThis.find('ul li a ').size() > 0;
				if( !jqThis.hasClass('active') ) {
					jqImg.attr('src', sSrc.replace('_on.png', '.png') );
				}
				if( bHasMenu ) {
					jqGradient.css( { backgroundPosition: window.defaultBGPos} );
					jqThis.removeClass('hover');
				}
			}
		);
	}
);


function attachRollovers(){
	$('.rollover, .menu img').each(
		function() {
			var img = new Image();
			var jqImg = $(this);
			var sSrc = jqImg.attr( 'src' );
			var sExt = getImgExt( sSrc );
			img.src = sSrc.replace(sExt, '_on' + sExt);
		}
	);
}


function getImgExt(src) {
	return src.match(/.[a-zA-Z]+$/);
}