$(document).ready(function(){
	$(".menu_box:first").show();//slideDown(500);
	
	// construct "menu_btn_fade" items, to emulate fade out of btns (<IE9 doesn't support fading PNG w/transparency!)
	$('.menu_btn').append('<div class="menu_btn_fade"></div>');
	$('.menu_btn_fade').height($('.menu_btn:first').outerHeight(true));
	$('.menu_btn_fade').width($('.menu_btn:first').outerWidth(true));
	
	$('.menu_btn_fade').fadeTo(1000,0.6);
	
	var hoverOpacity = 0.3;
	if($("#hoverOpacity").length > 0 && !isNaN($("#hoverOpacity").text())) {
		var tmp = $("#hoverOpacity").text();
		if(tmp>=0 && tmp<=1)
			hoverOpacity = tmp;
	}
	
	var sel=-1;
	$('.menu_btn').hover(function(){
//		$(this).not('.menu_btn_active').children('.menu_btn_fade').stop().fadeTo(500,0.3);
		if(sel != $(this).index())
			$(this).children('.menu_btn_fade').stop().fadeTo(500,hoverOpacity);
	},function(){
//		$(this).not('.menu_btn_active').children('.menu_btn_fade').stop().fadeTo(500,0.6);
		if(sel != $(this).index())
			$(this).children('.menu_btn_fade').stop().fadeTo(500,0.6);
	});
	
	$('.menu_btn').click(function(){
		var sel_0 = sel;
		sel = $(this).index();
		if(sel == sel_0) {
			evt.stopImmediatePropagation();
			return false;
		}
		
		var bordercolors = ['#dc462d','#96d429','#ffe8aa','#aeedf6','#f8ab21'];
		
		$('.menu_btn_fade').fadeTo(1000,0.6);
		$(this).children('.menu_btn_fade').stop(true).fadeTo(500,0);
		
		$('.menu_box').eq(sel_0+1).slideUp(1000, function(){
			$('.menu_box').css("border-width", "2px");
			$('.menu_box').css("border-color", bordercolors[sel]);
			$('.menu_box').eq(sel+1).slideDown(500, function(){
				var target_offset = $("#menunavcont").offset().top;
				$('html, body').animate({scrollTop:target_offset}, 500);
			});
		});
	});
});