function toggleTopbar() {
  $('#pullimg').unbind('mouseenter').unbind('mouseleave');
  if($('#topbar').offset().top == -100) {
    $('#topbar').animate({top: -370}, {queue:false, duration:1000, easing:"easeOutElastic", complete:addHover});
    $('#topbar').css('z-index', -1);
  } else {
    $('#topbar').animate({top: -100}, {queue:false, duration:300, easing:"easeOutExpo"});
    $('#topbar').css('z-index', 20000);
  }
}
function addOnClick() {
  $('#pullimg').click(toggleTopbar);
  addHover();
}
function addHover() {
  $('#pullimg').hover(function() {
		$('#topbar').animate({top: -360}, {queue:false, duration:400, easing:"easeOutExpo"});
	},
	function(){
		$('#topbar').animate({top: -370}, {queue:false, duration:1000, easing:"easeOutElastic"});
	});
}