$(document).ready(function(){
	// inicia navegacao por ancoras
	$('nav#menu-superior ul li').each(function(){
		var a = $(this).find('a');
		var anchor = a.attr('title');
		var anchor_el = $('a[name="'+anchor+'"]');
		
		if (anchor_el.attr('name')) {
			a.click(function(event){
				event.preventDefault();
				
				var anchor_el = $('a[name="'+$(this).attr('title')+'"]');
				var top = anchor_el.offset().top - 20;
				
				//$('body').animate({scrollTop:top-20},1000);
				scrollAnimate($(document), top);
				
				appendButtonTop(top+20);
			});
			
		} else {
			if (anchor != 'portfolio')
				a.attr('href', $('a[rel="home"]').attr('href')+'#'+anchor);
		}
	});
	

	// ao rolar janela, some com o botao de chegar no topo dela
	$(window).bind('scroll', function(){
		var top = $(this).scrollTop();
		if (top == 0)
			$('#button-top').fadeOut('slow');
	});
	
	// ao iniciar janela, timeout para identificar o ponto inicial de rolagem
	window.setTimeout(function(){
		var top = $(window).scrollTop() - 20;
		if (top > 0) {
			appendButtonTop(top+20);
			scrollAnimate($(document), top);
		}
	}, 200);
	
	// cria e posiciona botao para voltar ao topo
	function appendButtonTop(top) {
		var buttonTop = $('#button-top');
		
		if (buttonTop.attr('id') != 'button-top') {
			var left = $('#wrapper').offset().left - 60;
			
			var buttonTop = $('<div />')
				.attr('id', 'button-top')
				.css({left: left + 'px'})
				.text('')
				.fadeOut(0)
				.appendTo('body')
				.click(function(){
					$(this).fadeOut('slow');
					scrollAnimate($(document), 0);
				});
		
		} else
			buttonTop.fadeOut('fast');
		
		buttonTop.css('top',top).fadeIn('slow');
	}
	
	// anima a rolagem da pagina
	// atualmente apenas seta o scrollTop
	// @todo: funcao para animar rolagem
	function scrollAnimate(o,p) {
		o.scrollTop(p);
	}
});