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

   function getBrowserHeight(){
      if(window.innerHeight){
         return window.innerHeight;}
      else if (document.documentElement && document.documentElement.clientHeight != 0){
         return document.documentElement.clientHeight; }
      else if (document.body){return document.body.clientHeight;}
         return 0;
      }

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

   //Load Small Layout CSS Rules
   if (browserHeight <= 500){
      changeLayout("600");
   }
   //Load Medium Layout CSS Rules
   if ((browserHeight > 500) && (browserHeight <= 768) && (browserWidth >= 1180)){
      changeLayout("768");
   }
   //Load Large Layout CSS Rules
   if ((browserHeight > 768) && (browserWidth < 1400) && (browserWidth > 1180)){
      changeLayout("1024");
   }
   //Load Widescreen Layout CSS Rules
   if ((browserHeight > 768) && (browserWidth >= 1400)){
      changeLayout("1050");
   }
   //Reload Default on Resize
   if ((browserHeight > 500) && (browserHeight <= 768) && (browserWidth <= 1180)){
      changeLayout("768");
   }
}

function changeLayout(description){
   var i, a;
   var links = document.getElementsByTagName("link");

   for(i=0; i<links.length; i++){
      a=links[i];

      if(a.getAttribute("title") == description){
     a.disabled = false;

      }
      else if(a.getAttribute("title") != "default"){a.disabled = true;}
   }
window.resize;
}

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);

window.onDomReady = DomReady;
function DomReady(fn)
{
   //W3C
   if(document.addEventListener)
   {
      document.addEventListener("DOMContentLoaded", fn, false);
   }
   //IE
   else
   {
      document.onreadystatechange = function(){readyState(fn)}
   }
}

function readyState(fn)
{
   //dom is ready for interaction
   if(document.readyState == "interactive")
   {
      fn();
   }
}

window.onDomReady(dynamicLayout);