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 setWidth(){
	var screenwidth = getBrowserWidth();
	
	var menu_bg = document.getElementById('menu-bg');
	var menu_bg_width = menu_bg.offsetWidth;
    var submenu_bg = document.getElementById('submenu-bg');
	var menu_bg_width = menu_bg.offsetWidth;

    var menu_left = document.getElementById('menu-left');
	var menu_left_width = menu_left.offsetWidth;
	// var menu_right = document.getElementById('menu-right');
	// var menu_right_width = menu_right.offsetWidth;
	
	var footer = document.getElementById('footer');
	var footer_width = footer.offsetWidth;
	
	if(screenwidth < menu_left_width){
		menu_bg.style.width = menu_left_width + 40 + 'px';
		submenu_bg.style.width = menu_left_width + 40 + 'px';
	  footer.style.width = menu_left_width + 'px';
	}
	else {
		menu_bg.style.width = 100 + '%';
		submenu_bg.style.width = 100 + '%';
		footer.style.width = 'auto';
	}
}
window.onload=setWidth;
window.onresize=setWidth;