// Author : Kevin Hale
// URL : http://particletree.com

// getBrowserWidth is taken from The Man in Blue Resolution Dependent Layout Script
// http://www.themaninblue.com/experiment/ResolutionLayout/
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;
}

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

// dynamicLayout by Kevin Hale
function dynamicLayout(){
    var browserWidth= getBrowserWidth();
    if( browserWidth< 700 ){
	changeLayout( "mobile" );
    }
    else if( 950< browserWidth ) {
	changeLayout( "wide" );
    }
    else {
	changeLayout( "narrow" );
    }
}

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