var submenuInterval = null;

function submenu_show() {
	if( submenuInterval != null ) {
		clearInterval( submenuInterval );
	}
	submenuInterval = setInterval( 'submenu_show_do()', 20 );
}

function submenu_show_do() {
	if( parseInt( document.getElementById( 'submenu' ).style.left ) > 0 ) {
		document.getElementById( 'submenu' ).style.left = ( parseInt( document.getElementById( 'submenu' ).style.left ) - 10 ) + 'px';
	} else {
		clearInterval( submenuInterval );
		submenuInterval = null;
	}
}

function submenu_hide() {
	if( submenuInterval != null ) {
		clearInterval( submenuInterval );
	}
	if( parseInt( document.getElementById( 'submenu' ).style.left ) > 0 ) {
		submenu_hide_timeout()
	} else {
		submenuInterval = setInterval( 'submenu_hide_timeout()', 750 );
	}
}

function submenu_hide_timeout() {
	clearInterval( submenuInterval );
	submenuInterval = setInterval( 'submenu_hide_do()', 20 );
}

function submenu_hide_do() {
	if( parseInt( document.getElementById( 'submenu' ).style.left ) < 140 ) {
		document.getElementById( 'submenu' ).style.left = ( parseInt( document.getElementById( 'submenu' ).style.left ) + 10 ) + 'px';
	} else {
		clearInterval( submenuInterval );
		submenuInterval = null;
	}
}

function submenu_init() {
	if( document.attachEvent ) {
		document.getElementById( 'submenu' ).attachEvent( 'onmouseover', submenu_show );
		document.getElementById( 'submenu' ).attachEvent( 'onmouseout', submenu_hide );
	} else {
		document.getElementById( 'submenu' ).addEventListener( 'mouseover', submenu_show, false );
		document.getElementById( 'submenu' ).addEventListener( 'mouseout', submenu_hide, false );
	}
	
	if( document.getElementById( 'submenu' ).style.left == '' ) {
		document.getElementById( 'submenu' ).style.left = '140px';
	} else {
		submenu_hide_timeout();
	}
}