var hideCatalogTimeoutId = 0;

var catalogObj = document.getElementById('catalog');
var catalogMinMouseX = 0 ;
var catalogMinMouseY = 0;
var catalogMaxMouseX = 0 ;
var catalogMaxMouseY = 0 ;

document.getElementById('catalog').onmouseout =  catalogOnMouseOut;

function catalogOnMouseOnver( e ){
	if( hideCatalogTimeoutId ){
		clearTimeout( hideCatalogTimeoutId );
	}
}
function catalogOnMouseOut( e ){
	if( document.all ){
		xMousePos = window.event.clientX+document.documentElement.scrollLeft;
		yMousePos = window.event.clientY+document.documentElement.scrollTop;
	}else{
		xMousePos = e.pageX;
		yMousePos = e.pageY;	
	}
	if( xMousePos <= catalogMinMouseX+1 || xMousePos >= catalogMaxMouseX ||  yMousePos <= catalogMinMouseY+1 || yMousePos >= catalogMaxMouseY ){
	hideCatalogTimeoutId = setTimeout("hideCatalog()" , 2000 );
	}
}
function showCatalog(){
	document.getElementById('catalog').style.display = '';
	catalogMinMouseX = catalogObj.offsetLeft;
	catalogMinMouseY = catalogObj.offsetTop;
	catalogMaxMouseX = catalogMinMouseX + parseInt( catalogObj.offsetWidth ) ;
	catalogMaxMouseY = catalogMinMouseY + parseInt( catalogObj.offsetHeight ) ;
}

function hideCatalog(){
	hideCatalogTimeoutId = 0;
	smoothHideCatalog( 6 );
}

function smoothHideCatalog( opacity ){
	setOpacity( document.getElementById("catalog") , opacity );
	if( opacity > 0 ){
		opacity = opacity - 2;
		setTimeout( "smoothHideCatalog(" + opacity + ")" , 10 );
	}else{
		document.getElementById("catalog").style.display = 'none';
		setOpacity( document.getElementById("catalog") , 10 );
	}
}