var active;

$(document).ready(function(){

	active = $("#elddis");

	$("#lunar").hide();
	$("#lmc").hide();
	//$("#trigano").hide()
	
	$("#belddis").hover(function()
	{
		if (active.attr("id") == "elddis")
			return;

		$("#elddis").fadeIn("normal");

		active.fadeOut("normal");
		
		//moveArrow("-10px");
		
		moveArrow("0px");

		active = $("#elddis");
    	});

    	$("#blunar").hover(function()
	{
		if (active.attr("id") == "lunar")
			return;

		$("#lunar").fadeIn("normal");

		active.fadeOut("normal");

		//moveArrow("53px");
		
		moveArrow("83px");

		active = $("#lunar");
    	});

    	$("#blmc").hover(function()
	{
		if (active.attr("id") == "lmc")
			return;

		$("#lmc").fadeIn("normal");

		active.fadeOut("normal");

		//moveArrow("116px");
		
		moveArrow("166px");

		active = $("#lmc");
    	});

    //	$("#btrigano").hover(function()
	//{
	//	if (active.attr("id") == "trigano")
	//		return;

	//	$("#trigano").fadeIn("normal");

	//	active.fadeOut("normal");

	//	moveArrow("180px");

	//	active = $("#trigano");
    //	});
});


function moveArrow(position)
{
	$("#arrow").stop();

	$("#arrow").animate({ top: position }, 300, "linear" );
}