//pole vsech IDecek
var allIds = [];
var visibleArr = [];

function expansion( id, trim ){    
    //ziskame seznam vsech tagu
    var elem=document.getElementsByTagName('*');
    //vynulujeme pole
    allIds = [];
    visibleArr = [];
    //vytvorime si potrebne promenne
    var i = 0, el; 
    //projdeme vsechny ziskane tagy a hledame jejich Idecka
    while( el = elem[i++]){
        if( el['id'] ){
            allIds[allIds.length] = el['id'];
        }
    }
    
    //projdeme vsechny ziskane Idecka
    for( i = 0; i < allIds.length; i++ ){
        //ulozime si do pole vsechny takove, ktere meli hodnotu visibility na hidden jiz nastavenou
        if( document.getElementById(allIds[i]).style.visibility == 'hidden'){
            visibleArr[visibleArr.length] = allIds[i];
        }
        //vsem Ideckam nastavime hodnotu visibility na hidden
        document.getElementById(allIds[i]).style.visibility ='hidden';
    }
    //ziskame objekt nami pozadovaneho Idecka
    var ElId = document.getElementById(id);
    
    //a nastavime mu pozadovane styly
    ElId.style.visibility  = 'visible';
    
    if( trim == true ){
        ElId.style.position = 'absolute';
        ElId.style.top = '0px';
        ElId.style.left = '0px';
        ElId.style.width = '99%';
        ElId.style.height = '100%';
        ElId.style.background = 'white';    
    }
    
}

    
function expansionBack( id, trim ){
    //vratime vsechny Idecka na hodnotu visibility: visible
    for( i = 0; i < allIds.length; i++ ){
        document.getElementById(allIds[i]).style.visibility='visible';
    }
    
    //vratime zpet ty idecka, ktera mali visibility: hidden
    if( visibleArr.length ){
        for( i = 0; i < visibleArr.length; i++ ){
            document.getElementById(visibleArr[i]).style.visibility = 'hidden';
        }   
    }
    if( trim == true ){       
        //zruime nami nastavene vlastnosti
        var ElId = document.getElementById(id);
        ElId = document.getElementById( id );
        ElId.style.position = '';
        ElId.style.top = '';
        ElId.style.left = '';
        ElId.style.width = '';
        ElId.style.height = '';
        ElId.style.background = '';
    }
}