$(function() {
   $('#subnav > span').css('display', 'none');

	var id_href = /^#(.*)/;
	$('#nav > a').mouseover(function () {
   	$('#subnav > span').css('display', 'none');
		$('#subnav').css('width', '100%');

		$('#nav > a').removeClass('on');


		if (id_href.test($(this).attr('class'))) {

			var parentWidth = $(this).parent().width();
			var halfWay = Math.round(parentWidth/2);

			var spanWidth = $($(this).attr('class')).width();


			if (($(this).position().left > halfWay)&& (spanWidth<$(this).parent().width())) {
				var paddings =  parseFloat($(this).css('padding-right'))+parseFloat($(this).css('padding-left'));
				$('#subnav').css('right', ($(this).parent().width() - $(this).position().left-$(this).width() - paddings ) +'px' );
			} else {
				$('#subnav').css('right', null);
			}

			$($(this).attr('class')).css('display', 'block');

			$('#subnav').css('width', spanWidth);

			$(this).addClass('on');

			return false;

		} else {

		}
		$('#backmenu').css('width', $('#nav').width());
	});

	$('#nav').children('div.on').css('display', 'block');

	$('#logo').mouseover(function () {
		$('#subnav > span').css('display', 'none');
		$('#nav > a').removeClass('on');
	});
});