$(function(){
	//moreInfo
	$('.moreInfo').css({left: '-310px', display: 'block', opacity: '0'}).hide();
	$('#courses>li').hover(function(){
		$('.moreInfo' ,this).show().animate({left: '-290px', opacity: '1'}, 200);
	}, function(){
		$('.moreInfo' ,this).animate({left: '-310px', opacity: '0'}, 200).hide(1);
	});
	
	
	$('#nav div>ul>li>ul').css({top: '51px', display: 'block', opacity: '0'}).prepend('<div class="nav-arrow"></div>').hide();
	//nav
	$('#nav div>ul>li').hover(function(){
		$('>ul', this).show().animate({top: '41px', opacity: '1'}, 200);
	}, function(){
		$('>ul', this).animate({top: '51px', opacity: '0'}, 200).hide(1);
	});
	
	$('#nav div>ul>li>ul>li').hover(function(){
		$('>ul', this).show().animate({top: '41px', opacity: '1'}, 200);
	}, function(){
		$('>ul', this).animate({top: '51px', opacity: '0'}, 200).hide(1);
	});
	
	$('#nav li>ul>li').hover(function(){
		$('a', this).animate({paddingLeft: '10px'}, 100);
	}, function(){
		$('a', this).animate({paddingLeft: '0'}, 100);
	});
	
	//login stuff
	$('#login-form').css({opacity: '0', display: 'block'}).hide();
	$('#login, #login-form-close').toggle(function(){
		$('#login-form').show().animate({opacity: '1'}, 200);
	}, function(){
		$('#login-form').animate({opacity: '0'}, 200).hide(1);
	});
});