$(document).ready(function() {

    function staticNav() {
    	
        var sidenavHeight = $("#nav").height(); //Get height of sidenav
        var winHeight = $(window).height(); //Get height of viewport
        var winWidth = $(window).width(); //Get height of viewport
       	sidenavHeight += 350;
		        var browserIE6 = (navigator.userAgent.indexOf("MSIE 6")>=0) ? true : false; //Check for IE6

        if (browserIE6) { 
            $('#nav').css('position','absolute');  //reset the sidenav to be absolute
        } else {
		if (sidenavHeight > winHeight || winWidth < 860) { 
            $('#nav').css('position','absolute');
        } else {
            $('#nav').css('position','fixed');    
    	
        }
        }
    }
    
   

    staticNav(); 

    $(window).resize(function () { 
        staticNav();
    });

});