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 > 1600) {
		changeLayout("widescreen3");
	} else if (browserWidth > 1386){
		changeLayout("widescreen2");
	} else if (browserWidth > 1170){
		changeLayout("widescreen1");
	} else {
		changeLayout("default");
	}
}

function changeLayout(description)
{
    if ( description == 'default' )
    {
        document.getElementById("widescreen1").className = "hideonwide";
        document.getElementById("widescreen2").className = "hideonwide";
        document.getElementById("widescreen3").className = "hideonwide";
    }
	
    if ( description == 'widescreen1' )
    {
        document.getElementById("widescreen1").className = "widescreen1";
        document.getElementById("widescreen2").className = "hideonwide";
        document.getElementById("widescreen3").className = "hideonwide";
    }

    if ( description == 'widescreen2' )
    {
        document.getElementById("widescreen1").className = "widescreen1";
        document.getElementById("widescreen2").className = "widescreen2";
        document.getElementById("widescreen3").className = "hideonwide";
    }

    if ( description == 'widescreen3' )
    {
        document.getElementById("widescreen1").className = "widescreen1";
        document.getElementById("widescreen2").className = "widescreen2";
        document.getElementById("widescreen3").className = "widescreen3";
    }

}


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