function dynamicLayout() {
    var browserWidth = getBrowserWidth();

    //Load Thin CSS Rules
    if (browserWidth <= 800) {
        changeLayout("800");
    }
    //Load Wide CSS Rules
    if ((browserWidth >= 950) && (browserWidth <= 1024)){
        changeLayout("1024");
    }
    //Load Wider CSS Rules
    if (browserWidth > 1100){
        changeLayout("default");
    }
}

// changeLayout is based on setActiveStyleSheet function by Paul Sowdon 
// http://www.alistapart.com/articles/alternate/
function changeLayout(description){
   var i, a;
   for(i=0; (a = document.getElementsByTagName("link")[i]); i++){
	   if(a.getAttribute("title") == description){a.disabled = false;}
	   else if(a.getAttribute("title") != "default"){a.disabled = true;}
   }
}

function getBrowserWidth() {
    if (window.innerWidth)
    {
	   // alert("window.innerWidth: " +window.innerWidth);
        return window.innerWidth;
    }  
    else if (document.documentElement && document.documentElement.clientWidth != 0) 
    {
	//alert("document.documentElement.clientWidth: " +document.documentElement.clientWidth);
        return document.documentElement.clientWidth;    
    }
    else if (document.body) 
    { 
	 // alert("document.body.clientWidth: " +document.body.clientWidth);
	  return document.body.clientWidth;
	}      
    return 0;
}


//addEvent() by John Resig
function addEvent( obj, type, fn ){ 
   if (obj.addEventListener){ 
      obj.addEventListener( type, fn, false );
   }
   else if (obj.attachEvent){ 
      obj["e"+type+fn] = fn; 
      obj[type+fn] = function(){ obj["e"+type+fn]( window.event ); } 
      obj.attachEvent( "on"+type, obj[type+fn] ); 
   } 
} 

//Run dynamicLayout function when page loads and when it resizes.
addEvent(window, 'load', dynamicLayout);
addEvent(window, 'resize', dynamicLayout);