var clearWidth = 610;

function gridMagick()
{
    

    if (!document.getElementById) return;

    var el = document.getElementById('artikelGrid1');
    var el2 = document.getElementById('artikelGrid2');
    var el3 = document.getElementById('artikelGrid3');

    if (el != null) {
        var els = el.getElementsByTagName('div')
        for (var i = 1; i < els.length; i++)
            if (els[i] && els[i].className == 'artikelTileContainer')
            els[i].style.width = (el.offsetWidth < clearWidth) ? '100%' : '49%';
    }
    if (el2 != null) {
        var els2 = el2.getElementsByTagName('div')
        for (var i = 1; i < els2.length; i++)
            if (els2[i] && els2[i].className == 'artikelTileContainer')
                els2[i].style.width = (el.offsetWidth < clearWidth) ? '100%' : '49%';
    }
    if (el3 != null) {
        var els3 = el3.getElementsByTagName('div');
        for (var i = 1; i < els3.length; i++)
            if (els3[i] && els3[i].className == 'artikelTileContainer')
                els3[i].style.width = (el.offsetWidth < clearWidth) ? '100%' : '49%';
    }

    //setTimeout("gridMagick()", 500);
}

var toResize = null;

var logoSWidth = 970;
var logoMWidth = 1050;
var logoSSWidth = 900;
var logoLWidth = 1200;
var logoMagick = false;

function layoutMagick()
{
    if (!document.getElementById) return;

    if (logoMagick && document.getElementById('mainContainer')) {
    
        if (document.body.clientWidth < logoSSWidth) {
            document.getElementById('mainContainer').style.backgroundImage = 'url(\'/Images/logots.gif\')';
            document.getElementById('mainContainer').style.backgroundPosition = '10px 12px';
        }
        else if (document.body.clientWidth < logoSWidth) {
            document.getElementById('mainContainer').style.backgroundImage = 'url(\'/Images/logots.gif\')';
            document.getElementById('mainContainer').style.backgroundPosition = '10px 30px';
        }
        else if (document.body.clientWidth < logoMWidth) {
            document.getElementById('mainContainer').style.backgroundImage = 'url(\'/Images/logotm.gif\')';
            document.getElementById('mainContainer').style.backgroundPosition = '20px 24px';
        }
        else {
            document.getElementById('mainContainer').style.backgroundImage = 'url(\'/Images/logot.gif\')';
            document.getElementById('mainContainer').style.backgroundPosition = '20px 21px';
        }
    }

    var elasimg = document.getElementById('aoimg');
    if (elasimg) {
        elasimg.style.backgroundImage = (document.body.clientWidth > logoLWidth) ? 'url(\'/GImages/gen/ArtikelBild.ashx?aid=5103&sx=412&sy=200\')' :
        'url(\'/GImages/gen/ArtikelBild.ashx?aid=5103&sx=300&sy=200\')';
    }
    

    if (document.getElementById('text'))
        document.getElementById('text').style.fontSize = (document.body.clientWidth < logoSWidth) ? '10px' : '';
    
    //setTimeout("layoutMagick()", 500);
}

function resizee() {
    if (toResize = ! null)
    {
        clearTimeout(toResize);
        toResize = setTimeout(resized, 100);
    }
}

function resized() {
    layoutMagick();
    gridMagick();
}