$(document).ready(function(){
	
	$('.menuitem').mouseover(function(){
		var menu_id = $(this).attr('id');
		var count = $(".menu li").size();
		var link = $('.menuitem#'+menu_id+' a').attr('href');
		
//		$('#data').html(menu_id + ' of ' + count + ' ['+link+']');
		

		for (i=1; i<=count; i++) {
			$('.menuitem#'+i).css('background-color', 'black');
			$('.menuitem#'+i+' a').css('color', 'white');
		}

		$('.menuitem#'+menu_id).css('background-color', 'white');
		$('.menuitem#'+menu_id+' a').css('color', 'orange');
		
	})

	$('.menuitem').mouseout(function(){
		var count = $(".menu li").size();
		for (i=1; i<=count; i++) {
			$('.menuitem#'+i).css('background-color', 'black');
			$('.menuitem#'+i+' a').css('color', 'white');
		}
	})
	
})