$(document).ready(function() {
	$('head').append('<link href=css/javascript.css rel=stylesheet type=text/css>');
	// Marca como .img os <a> que tiverem img dentro. No CSS desabilita o :hover{background} nesses casos.
	$("a img").parent().addClass('img');
	
	// Efeito do menu para browsers sem css-transitions
    if (!Modernizr.csstransitions) {
        $("#nav li").css({
            'position': 'relative'
        }).prepend('<span style=\'display:block;width:95%;height:80px;position:relative;top:-75px;margin:auto\'></span>');
        $("#nav a").css({
            'background': 'none',
            'position': 'absolute',
            'top': '0',
			'left':'0',
            'z-index': '100'
        }).hover(function() {
            $(this).stop().animate({'color':'#231f20'},400).siblings().stop().animate({'top':'0'},400);
        },
        function() {
            $(this).stop().animate({'color':'#fcfbf5'},400).siblings().stop().animate({'top':'-75px'},400);
        })
    }
})