function rollover(str, mode){

	var pTop = document.getElementById('tmarea').offsetTop;
	var pLeft = document.getElementById('bdarea').offsetLeft;

	clearAll();
	if (mode == 'on'){
	switch(str)
        {
        case 01:
			document.tmenu01.src='/hub/image/common/m_top_01.jpg';
			document.all.tmenu01sub.style.display='block';
			document.all.tmenu01sub.style.position = 'absolute';
			document.all.tmenu01sub.style.top = 31 + pTop;
			document.all.tmenu01sub.style.left = 25 + pLeft;
            break;
        case 02:
			document.tmenu02.src='/hub/image/common/m_top_02.jpg';
			document.all.tmenu02sub.style.display='block';
			document.all.tmenu02sub.style.position = 'absolute';
			document.all.tmenu02sub.style.top = 31 + pTop;
			document.all.tmenu02sub.style.left = 170 + pLeft;
            break;
        case 03:
			document.tmenu03.src='/hub/image/common/m_top_03.jpg';
			document.all.tmenu03sub.style.display='block';
			document.all.tmenu03sub.style.position = 'absolute';
			document.all.tmenu03sub.style.top = 31 + pTop;
			document.all.tmenu03sub.style.left = 165 + pLeft;
            break;
        case 04:
			document.tmenu04.src='/hub/image/common/m_top_04.jpg';
			document.all.tmenu04sub.style.display='block';
            break;
        case 05:
			document.tmenu05.src='/hub/image/common/m_top_05.jpg';
			document.all.tmenu05sub.style.display='block';
			document.all.tmenu05sub.style.position = 'absolute';
			document.all.tmenu05sub.style.top = 31 + pTop;
			document.all.tmenu05sub.style.left = 520 + pLeft;
            break;
        }
		} else if(mode == 'off') {
	switch(str)
        {
        case 01:
			document.tmenu01.src='/hub/image/common/m_top_01_off.jpg';
			document.all.tmenu01sub.style.display='none';
            break;
        case 02:
			document.tmenu02.src='/hub/image/common/m_top_02_off.jpg';
			document.all.tmenu02sub.style.display='none';
            break;
        case 03:
			document.tmenu03.src='/hub/image/common/m_top_03_off.jpg';
			document.all.tmenu03sub.style.display='none';
            break;
        case 04:
			document.tmenu04.src='/hub/image/common/m_top_04_off.jpg';
			document.all.tmenu04sub.style.display='none';
            break;
        case 05:
			document.tmenu05.src='/hub/image/common/m_top_05_off.jpg';
			document.all.tmenu05sub.style.display='none';
            break;
        }
		
		}

}

function clearAll(){
	
    document.tmenu01.src='/hub/image/common/m_top_01_off.jpg';
    document.all.tmenu01sub.style.display='none';
    document.tmenu02.src='/hub/image/common/m_top_02_off.jpg';
    document.all.tmenu02sub.style.display='none';
    document.tmenu03.src='/hub/image/common/m_top_03_off.jpg';
    document.all.tmenu03sub.style.display='none';
    document.tmenu04.src='/hub/image/common/m_top_04_off.jpg';
    document.all.tmenu04sub.style.display='none';
    document.tmenu05.src='/hub/image/common/m_top_05_off.jpg';
    document.all.tmenu05sub.style.display='none';
}