function main_mouseOver( id ) {
	var item = document.getElementById( id );
    item.className = "over";
}

function main_mouseOut( id ) {
	var item = document.getElementById( id );
    item.className = "normal";
}

function sub_mouseOver( id, info ) {
	var item = document.getElementById( id );
    item.className = "over";
    
    var infoField = document.getElementById( "info" );
    infoField.innerHTML = info;
}

function sub_mouseOut( id ) {
	var item = document.getElementById( id );
    item.className = "normal";
    
    var infoField = document.getElementById( "info" );
    infoField.innerHTML = " ";
}

function overview_mouseOver( id, num ) {
	var item = document.getElementById( id );
    item.className = "over";
}

function overview_mouseOut( id, num ) {
	var item = document.getElementById( id );
    item.className = "normal";
}

// mBox
function mBox_showImage( img ) {
    mBox_openContent();
    var thisImage = new Image();
    thisImage.onload = function() {
        thisHTML = "<div class='mBox_container'>";
        thisHTML += "<img src='" + thisImage.src + "' border='0' alt=''>";
        thisHTML += "</div>";
        document.getElementById('mBox_contentDiv').innerHTML = thisHTML;
    }
    thisImage.src = img;
}

function mBox_openContent() {
    document.getElementById('mBox_contentDiv').style.display = "block";
    document.getElementById('mBox_fadeDiv').style.display    = "block";
    document.getElementsByTagName('body')[0].style.overflow  = "hidden";
    document.getElementsByTagName('html')[0].style.overflow  = "hidden";
}

function mBox_closeContent() {
    document.getElementById('mBox_contentDiv').style.display = "none";
    document.getElementById('mBox_fadeDiv').style.display    = "none";
    document.getElementById('mBox_contentDiv').innerHTML     = "";
    document.getElementsByTagName('body')[0].style.overflow  = "";
    document.getElementsByTagName('html')[0].style.overflow  = "";
}