function setOddEven() {
    var elements=getElementsByClassName('tr-display-block');
    var counter=0;
    for(var i=0; i<elements.length; i++){
        element=elements[i];
        if (counter%2) {
            className=' even';
        } else {
            className=' odd';
        }
        element.className=element.className.replace(' odd','');
        element.className=element.className.replace(' even','');
        element.className=element.className+' '+className;
        counter=counter+1

    }
}

function displayAll() {
    var elements=getElementsByClassName('not-compact');
    for(var i=0; i<elements.length; i++){
        element=elements[i];
        element.className=element.className.replace('tr-display-none','tr-display-block');
    }
    setOddEven();
    var element=document.getElementById('displayAll');
    element.className=element.className.replace('tr-display-block','tr-display-none');
    var element=document.getElementById('displayCompact');
    element.className=element.className.replace('tr-display-none','tr-display-block');
}

function displayCompact() {
    var elements=getElementsByClassName('not-compact');
    for(var i=0; i<elements.length; i++){
        element=elements[i];
        element.className=element.className.replace('tr-display-block','tr-display-none');
    }
    setOddEven();
    var element=document.getElementById('displayAll');
    element.className=element.className.replace('tr-display-none','tr-display-block');
    var element=document.getElementById('displayCompact');
    element.className=element.className.replace('tr-display-block','tr-display-none');

}

Event.observe(window, 'load', setOddEven, false);