var delay = 300;
var controlID = "#menuUnderline";
var w = 50;

$(document).ready(function() {

	$("a").hover(function() {

		var sender = $(this).attr('id');
		var pos = 0;
		var whichWay;

		if (sender == 'about_me')
			pos = 35;
		else if (sender == 'gallery')
			pos = 180;
		else if (sender == 'contact')
			pos = 322;
		else if (sender == 'store')
			pos = 453;

		var val = $(controlID).css('margin-left').replace('px', '');

		if (val > pos)
			whichWay = -1;
		else
			whichWay = 1;

		if (val != pos) {
			$(controlID).stop(true, false);
			$(controlID).animate({ width: w }, delay, 'swing').animate({ marginLeft: pos }, delay, 'swing').animate({ marginLeft: pos - (10 * whichWay) }, delay / 2, 'swing').animate({ marginLeft: pos }, delay / 2, 'swing');
		}
	}, function() {
	});
});