$(function() {
    var hashAt = $(document).attr('location').toString().indexOf('#');
    if (hashAt > 0) {
        var hash = $(document).attr('location').toString().substr(hashAt);
        PageEffects.showDetails(hash + '-details');
    }

    $('.header-list li').hover(function() {
        $(this).find('.hover-detail').fadeIn("normal");
        $(this).addClass("lower-border");
    },
	      function() {
	          $(this).find('.hover-detail').fadeOut("normal");
	          $(this).removeClass("lower-border");
	      }
	    );
    $('.header-list a').click(function() {
        var detailDiv = $(this).attr('href') + '-details';
        PageEffects.showDetails(detailDiv);
    }
	    );
    $('.close-button').click(function() {
        $('#container').animate(
		  {
		      "paddingTop": "200px"
		  }, 1000);

        $('#show-details').fadeOut("fast");
        $(this).hide();
    }
	    );
});

	  var PageEffects = {
	      "showDetailsFromClass": function() {
	      $('.to-show').fadeIn('slow').removeClass('to-show');
	      $('.close-button').show();
	      },
	      showDetails: function(detailDiv) {
	          var detail = detailDiv.match(/^#(\w+).*/)[1];
	          var detailUrl = detail + ".snippet.htm";
	          $('#show-details').html('<b>Loading...</b>')
	                            .removeClass()
	                            .addClass(detail);
	          $(document).attr('title', "Chinmay Kulkarni" + ": " + detail);
	          $.get(detailUrl, PageEffects.loadSnippet);
	          if ($('#container').css('padding-top') == "0px") {

	              $('#show-details').show();
	              return;
	          }
	          $('#show-details').addClass('to-show');
	          $('#container').animate(
		  {
		      "paddingTop": "0px"
		  }, 1000, PageEffects.showDetailsFromClass);
	      },

	      loadSnippet: function(data, textStatus) {
	          $('#show-details').html(data);
	      }

	  };
