menu = {};

menu.rollover = {
	
	init: function(){
		this.preload();
		$(".ro").hover(
			function () { 
				if (!$(this).hasClass('inactive')){
					$(this).attr( 'src', menu.rollover.newimage($(this).attr('src')) );
				}
				if ($(this).hasClass('dd')){
					$('#subMenu').show();
				}
			}, 
			function () { 
				$(this).attr( 'src', menu.rollover.oldimage($(this).attr('src')) );
				if ($(this).hasClass('dd')){
					$('#subMenu').hide();
				}
			 }
		);
		
	},
	
	preload: function(){
		$(window).bind('load', function() {
			$('.ro').each( function( key, elm ) { $('<img>').attr( 'src', menu.rollover.newimage( $(this).attr('src') ) ); });
		});
	},

	newimage: function( src ){ 
		return src.substring( 0, src.search(/(\.[a-z]+)$/) ) + 'o' + src.match(/(\.[a-z]+)$/)[0]; 
	},

	oldimage: function( src ){ 
		return src.replace(/o\./, '.'); 
	}
};

$(document).ready(function() {
	
	$('#subMenu li a').hover(
		function(){
			$('#subMenu').show();
		},
		function(){
			$('#subMenu').hide();
		}
	);
	
	$(".dd").hover(
		function () { 
			$('#subMenu').show();
		}, 
		function () { 
			$('#subMenu').hide();
		 }
	);
	
});