//alert('test');
jQuery(document).ready(function() {
	
	//alert('test');
	jQuery('div.topnav').animate({"top":"0"}, 2000);
	
	jQuery('div.topnav').prepend('<a id="nav_bubble">&nbsp;</a>');
	
	jQuery('div.topnav li a').mouseover(function(){
		
		var h = jQuery(this).attr('href');
		var w = jQuery(this).parent().width();
		var ml = jQuery('div.topnav').offset();
		var l = jQuery(this).offset();
		var nl = (l.left - ml.left);
		//jQuery('#nav_bubble').html('w:'+w+' l:'+l.left+' nl:'+nl);
		jQuery('#nav_bubble').stop().animate({"left": nl, "width": w, "opacity":".1"}, 500).attr('href', h);
		
	});
	
	jQuery('div.topnav').mouseleave(function(){
		
		jQuery('#nav_bubble').stop().animate({"opacity":"0"}, 300);
	});

});