function hover(on,id) {
    var img = document.getElementById(id);
    if(on) {
        img.style.backgroundPosition = '0px -140px';
        img.style.cursor = 'pointer';
    }
    else {
        img.style.backgroundPosition = '0px 0px';
        img.style.cursor = '';
    }
}

function fillWindow()
{
    var left = $('left-middle');
    var right = $('right-middle');
    if(left.getHeight() > right.getHeight())
    {
        right.setStyle( { height: left.getHeight() - 20 + 'px' } );
    }
    else{
        left.setStyle( { height: right.getHeight() - 20 + 'px' } );
    }
}