checkBrowserWidth();
attachEventListener(window, "resize", checkBrowserWidth, false);

function checkBrowserWidth() {
var theWidth = getBrowserWidth();
if (theWidth == 0) {
    addLoadListener(checkBrowserWidth);
    return false;
    }

if (theWidth > 1120) {
    set_width('teas1','25%');
    set_width('teas2','25%');
    set_width('teas3','25%');
    set_width('teas4','25%');
    set_visible('teas1');
    set_visible('teas2');
    set_visible('teas3');
    set_visible('teas4');
    }
else if (theWidth>995) {
    set_width('teas1','33%');
    set_width('teas2','33%');
    set_width('teas3','33%');
    set_width('teas4','1%');
    set_visible('teas1');
    set_visible('teas2');
    set_visible('teas3');
    set_invisible('teas4');
    }
else {
    set_width('teas1','50%');
    set_width('teas2','50%');
    set_width('teas3','1%');
    set_width('teas4','1%');		
    set_visible('teas1');
    set_visible('teas2');
    set_invisible('teas3');
    set_invisible('teas4');		
    }
return true;
};

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 set_visible(id){
e=document.getElementById(id);
e.style.display = "";
return 1;
}

function set_invisible(id){
e=document.getElementById(id);
e.style.display = "none";
return 1;
}

function set_width(id,perc) {
e=document.getElementById(id);
e.style.width = perc;
return 1;
}

function addLoadListener(fn) {
if (typeof window.addEventListener != 'undefined') {
    window.addEventListener('load', fn, false);
    }
else if (typeof document.addEventListener != 'undefined') {
    document.addEventListener('load', fn, false);
    }
else if (typeof window.attachEvent != 'undefined') {
    window.attachEvent('onload', fn);
    }
else {
    return false;
    }
return true;
}

function attachEventListener(target, eventType, functionRef, capture) {
if (typeof target.addEventListener != "undefined") {
    target.addEventListener(eventType, functionRef, capture);
    }
else if (typeof target.attachEvent != "undefined") {
    target.attachEvent("on" + eventType, functionRef);
    }
else {
    return false;
}
return true;
}