$(document).ready(function() {
	/* menu */
	$("li.oilrush-menu-base").each(function() {
		var ul = $(this).children("ul");
		var border = $(this).find("span.oilrush-menu-border")
		var link = $(this).find("a.oilrush-menu-base");
		var base_bg = link.children('img').attr('src');
		$(this).hover(function() {
			link.addClass("oilrush-menu-active-first");
			ul.show();
			/* draw borders */
			var b_width = ul.width() - link.width();
			var paddings = parseFloat(link.css('padding-left')) + parseFloat(link.css('padding-right'))
			b_width = b_width - paddings;
			b_left = link.width() + paddings + 2;
			if (b_width < 0) {
				ul.css('width',link.width()+paddings+"px");
			}
			border.css("width",b_width + "px");
			border.css("left",b_left + "px") ;
			/* update top element */
			$(this).addClass('black');
			var new_im = link.children('img').attr('src').replace('base','selected');
			link.children('img').attr('src',new_im);
			$(this).addClass('yellow');
			/**/
		},function() {
			link.removeClass("oilrush-menu-active-first");
			ul.hide();
			border.css("width",0);
			$(this).removeClass('black');
			link.children('img').attr('src',base_bg);
		});

		link.hover(function() {
			$(this).parent().addClass('yellow');
			},function() {
				$(this).parent().removeClass('yellow');
		});

	});
	$("ul.submenu li").click(function() {
		window.location.href = $(this).children("a").attr("href");
	});
	$("a.oilrush-menu-item").hover(function() {
		var new_im = $(this).children('img').attr('src').replace('simple','selected');
		$(this).children('img').attr('src',new_im);
	},function() {
		var new_im = $(this).children('img').attr('src').replace('selected','simple');
		$(this).children('img').attr('src',new_im);
	});
	/* end menu */
});

