$(document).ready(function(){
	var itemid = menu_pos - 1;
	$("#menus_holder div[id^='menu_']").eq(itemid).click();
	$('#menus_holder #menulist').hide();
	
	$("#menus_holder div[id^='menu_']").mouseover(function(){		
		var theClickedSpan = $(" span[id^='span_']").eq(itemid);
		theClickedSpan.css({'color':'#738699'});
		$(this).css({'background': 'transparent url(images/menus_over.jpg) no-repeat 0 0'});
		$(this).find('#degrade_menu').css({'display': 'block'});
		$(this).removeClass('menu_selected');
		if($(this).attr('id') == 'menu_0'){
			$('#menus_holder #menulist').stop().slideDown('medium');
		}
	});
	
	$("#menus_holder div[id^='menu_']").mouseout(function(){		
		if($(this).attr('id') == 'menu_0'){
			cleanOthersMenus();
			$('#menus_holder #menulist').stop().attr('style', '').slideUp('medium');
			setClickedMenu();
		}else if($(this).attr('id') == $("#menus_holder div[id^='menu_']").eq(itemid).attr('id')){
			cleanOthersMenus();
			setClickedMenu();
		}else{
			cleanOthersMenus();
			setClickedMenu();
		}
		$(this).find('#degrade_menu').css({'display': 'none'});
	});
	
	$("#menus_holder div[id^='menu_']").click(function(){
		cleanOthersMenus();	
		setClickedMenu();			
		itemid = $(this).attr('id').slice(-1);
	}).eq(itemid).click();
	
	function cleanOthersMenus(){
		$("#menus_holder div[id^='menu_']").css({'background': '', 'color': '#738699'});
	}
	
	function setClickedMenu(){
		var theClickedMenu = $("#menus_holder div[id^='menu_']").eq(itemid);
		theClickedMenu.css({'background': 'transparent url(images/menus_selected.jpg) no-repeat 0 0', 'color': '#FFF'});
		$("#menus_holder div .menu_selected").removeClass('menu_selected');
		theClickedMenu.addClass('menu_selected');		
		var theClickedSpan = $(" span[id^='span_']").eq(itemid);
		theClickedSpan.css({'color':'white'});			
	}
});