var theThinRedLine = 1240;
var currentStyle = "";
function adjustStyle(width) {
    width = parseInt(width);

    	
    if (width < theThinRedLine && currentStyle != "narrow" ) {
	   currentStyle = "narrow";
       $("#size-stylesheet").attr("href", "css/deeper_narrow.css");
    } else if( width >= theThinRedLine && currentStyle != "wide" )  {
	   currentStyle = "wide";
       $("#size-stylesheet").attr("href", "css/deeper_wide.css"); 
	}
}


$(function() {
    adjustStyle($(this).width());
	$('#pageWidth').html( $(this).width() );
    $(window).resize(function() {
        adjustStyle($(this).width());

    });
	
});