function buildDetailPage() {
//    $('body, #footer').css('background-color', '#1D2122');
     $('#background').fadeIn();
     $('#projects.btn-back').click(function () {
         projectUnloader();
     });

     function projectUnloader() {
         $('.content-detail-holder').fadeTo('slow', 0, function () {
             $('.top').animate({
                 marginTop: 175
             }, 500, "linear", function () {
                 $('.content-holder').fadeTo('slow', 100, function () {
                     $('.content-detail-holder').hide();
                 });
             });
             $('.content-detail-holder').html('');
         });
     }
     $('.content.bottom').delay(500).fadeIn(1000);
     $('#detail-page .image-player').delay(400).show();
     $('#detail-page .image-player').delay(1000).animate({
         height: "350"
     }, 1000);
     $('.content-holder').css({
         height: 'auto'
     });
     var id = 2;
     $('#video-button').click(function () {
         scroller(2);
     });
     $('.next').click(function () {
         scroller(id);
         if (id < 6) {
             id++;
         } else {
             id = 1;
         }
     });

     function scroller(id) {
         $('.large-panel#' + id).appendTo('.large-wrapper');
         $('.large-panel#' + id).animate({
             left: '0',
         }, {
             duration: 800,
             complete: function () {
                 $('.large-panel').not(':last').animate({
                     left: '750'
                 });
             }
         });
     }
     var count = $(".large-wrapper").children().length;
     if (count < 2) {
         $('.nav').hide();
     } else {
         $('.nav').delay(4000).fadeIn(500);
     }
     $('.icon').each(function (index) {
         var TagName = $(this).attr('id');
         $(this).html('<span>' + TagName + '</span>');
     });
     $('.large-panel#1').delay(1500).animate({
         left: "0"
     }, 500);
 }