window.onload = changeLayout
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 browserWidth = getBrowserWidth();
	if (browserWidth < 500){
		changeLayout('500');
	}
	if ((browserWidth >= 500) && (browserWidth <= 600)){
		changeLayout('600');
	}
	if ((browserWidth >= 600) && (browserWidth <= 700)){
		changeLayout('700');
	}
	if ((browserWidth >= 700) && (browserWidth <= 800)){
		changeLayout('800');
	}
	if ((browserWidth >= 800) && (browserWidth <= 900)){
		changeLayout('900');
	}
	if ((browserWidth >= 900) && (browserWidth <= 1000)){
		changeLayout('1000');
	}
	if ((browserWidth >= 1000) && (browserWidth <= 1100)){
		changeLayout('1100');
	}
	if ((browserWidth >= 1100) && (browserWidth <= 1200)){
		changeLayout('1200');
	}	
	if (browserWidth > 1200){
		changeLayout('1300');
	}
}
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, 'resize', dynamicLayout);