$(document).ready(function() {
    $('#top_navigation li')
		.mouseenter(function(e) {
		    $('a:first', this).addClass('highlight');
		    $('div', this).show();
		})
		.mouseleave(function(e) {
		    $('a:first', this).removeClass('highlight');
		    $('div', this).hide();
		});
});

$(document).ready(function() {
	$('#top_navigation ul > li')
        .each(function(index) {

        	//check if div is contained in li
        	if ($('div', this).length > 0) {
        		aPos = $('a:first', this).position();
        		aWidth = $('a:first', this).outerWidth();

        		$div = $('div', this);

        		if ($div.outerWidth() + aPos.left > 943) {
        		    //$div.css({ 'right': 0 + 'px', 'left': 'auto' });
        			$div.css({ 'right': (943 - aPos.left - aWidth) + 'px', 'left': 'auto' });
        		}
        		else {
        			if (index == 0)
        				$div.css({ 'left': aPos.left - 1 + 'px' });
        			else
        				$div.css({ 'left': aPos.left + 1 + 'px' });
        		}

        		$div.hide();
        	}

        });
});