$(document).ready(function() {
 //start
 
 $('#albums').hover(function() {
  $('.menucontent ul').hide();
  $('#albums ul').show('slow');
});
 $('#reviews').hover(function() {
$('.menucontent ul').hide();
  $('#reviews ul').show('slow');
});
 $('#archives').hover(function() {
  $('.menucontent ul').hide();
  $('#archives ul').show('slow');
});

//hides the menu lists when navigating on main content
 $('#rap').hover(function() {
  $('.menucontent ul').hide();
});
 $('#headwrap').hover(function() {
  $('.menucontent ul').hide();
});
$('#pages li a').hover(function() {
  $('.menucontent ul').hide();
});

//this is for mobile since they don't have hovers
 $('#albums').click(function() {
  $('.menucontent ul').hide();
  $('#albums ul').toggle();
});
 $('#reviews').click(function() {
$('.menucontent ul').hide();
  $('#reviews ul').toggle();
});
 $('#archives').click(function() {
  $('.menucontent ul').hide();
  $('#archives ul').toggle();
});

// hide #back-top first
	$("#back-top").hide();
	
	// fade in #back-top
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 400) {
				$('#back-top').fadeIn();
			} else {
				$('#back-top').fadeOut();
			}
		});

		// scroll body to 0px on click
		$('#back-top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 800);
			return false;
		});
	});

 //end
});