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();
//Load Short CSS Rules
if (browserHeight < 600){
changeLayout("short");
}
//Load Tall CSS Rules
if ((browserHeight >= 600) && (browserHeight <= 720)){
changeLayout("tall");
}
//Load Taller CSS Rules
if (browserHeight > 720){
changeLayout("taller");
}
}

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 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] ); 
} 
} 
addEvent(window, 'load', dynamicLayout);
addEvent(window, 'reset', dynamicLayout);
addEvent(window, 'resize', dynamicLayout);
