function showBlue(nr, text){
document.getElementById("blue").style.marginLeft = document.getElementById("thumbdiv"+nr).offsetLeft + 14 + 'px';
document.getElementById("blue").style.marginTop = (document.getElementById("thumbdiv"+nr).offsetTop + document.getElementById("thumb"+nr).offsetHeight + 3) + 'px';
document.getElementById("blue").style.visibility = 'visible';
document.getElementById("blue").innerHTML = text;
if(document.getElementById("blue").offsetWidth < document.getElementById("thumb"+nr).offsetWidth){
document.getElementById("blue").style.width = (document.getElementById("thumb"+nr).offsetWidth - 4) + 'px';
}
if(document.getElementById("blue").offsetHeight > 24){
document.getElementById("blue").style.width = 'auto';
document.getElementById("blue").style.height = 'auto';
}
}

function hideBlue(){
document.getElementById("blue").style.visibility = 'hidden';
}

function makeProperHeight(page){
properHeight = (document.getElementById('top').offsetHeight - 10)+'px';
properHeightBlue = (document.getElementById('top').offsetHeight)+'px';
for(var i=1; i<=7; i++){
document.getElementById('white'+i).style.height = properHeight;
}
document.getElementById('blue_top').style.height = properHeightBlue;
}

function setSize() {
	var myWidth = 0, myHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myHeight = window.innerHeight;
    } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myHeight = document.documentElement.clientHeight;
    } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myHeight = document.body.clientHeight;
    }
    var divHeight = document.getElementById('top').offsetHeight + document.getElementById('bottom').offsetHeight;
    if(divHeight < (myHeight - 50)){
    document.getElementById('bottom').style.height = ((myHeight - 30) - document.getElementById('top').offsetHeight) + 'px';
    }
}