/* 
 
 Title : Dynamic Resolution Dependent Layout Demo
 Author : Kevin Hale
 URL : http://particletree.com
 
 Description : This is a demonstration of a dynamic 
 resolution dependent layout in action. Change your browser 
 window size to see the layout respond to your changes. To 
 preserve the separation of the presentation and behavior 
 layers, this implementation delegates all the presentation 
 details to external CSS stylesheets instead of changing 
 each style property through JavaScript.
 
 Created : July 30, 2005
 Modified : November 15, 2005
 
*/
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 dynamicLayout(){var a=getBrowserWidth();if(a<1024){switchStyle("layout-800")}if((a>=950)&&(a<=1120)){switchStyle("layout-1024")}if(a>1121){switchStyle("layout-1280")}}function changeLayout(d){var c,b;for(c=0;(b=document.getElementsByTagName("link")[c]);c++){if(b.getAttribute("title")==d){b.disabled=false}else{if(b.getAttribute("title")!="default"){b.disabled=true}}}}function switchStyle(c){if(!document.getElementsByTagName){return}var b=document.getElementsByTagName("link");for(var a=0;a<b.length;a++){if(b[a].getAttribute("rel").indexOf("style")!=-1&&b[a].getAttribute("title")){b[a].disabled=true;if(b[a].getAttribute("title")==c){b[a].disabled=false}}}}function addEvent(c,b,a){if(c.addEventListener){c.addEventListener(b,a,false)}else{if(c.attachEvent){c["e"+b+a]=a;c[b+a]=function(){c["e"+b+a](window.event)};c.attachEvent("on"+b,c[b+a])}}}addEvent(window,"load",dynamicLayout);addEvent(window,"resize",dynamicLayout);