window.onload = function()
{
    var i = 0;
    while($('box' + i)) {
        $('box' + i).onmouseover = function(){
            number = this.id.substring(3, 4);
            $('header' + number).style.color="#333";
            $('header'  + number).style.backgroundColor="#DEF";
            $('body' + number).style.backgroundColor="#FCFCFF";
            $('caption' + number).style.color="#333";
            $('note' + number).style.color="#333";
        }
    
        $('box' + i).onmouseout = function(){
            number = this.id.substring(3, 4);
            $('header' + number).style.color="#666";
            $('header' + number).style.backgroundColor="#BCD";
            $('body' + number).style.backgroundColor='#FFF';
            $('caption' + number).style.color="#666";
            $('note' + number).style.color='#666';
        }
        i ++;
    }
}