/**
 * @fileoverview Tworzy lekkie menu rozwijane.
 *
 * @used IE, FF, Opera
 *
 * @example
 *			<table border="0" cellpadding="0" cellspacing="0"><tr>
 *			<td onmouseover="ThinMenu.show(1);" onmouseout="ThinMenu.hide();">
 *			<div class="thinmenuTitle">menu 1</div>
 *			<div class="thinmenuBody" id="thinmenu1">
 *			<a href="">link 11</a><br />
 *			<a href="">link 12</a><br />
 *			</div>
 *			</td>
 *			</tr></table>
 *
 * @version 1.0 2005/10/14
 */

/**
 * @constructor
 */
function ThinMenu(){};

ThinMenu.hideId = 0;

ThinMenu.showId = 0;

ThinMenu.isVisible = false;

ThinMenu.interval = 200;

ThinMenu.prefix = 'thinmenu';

/**
 * @public
 * @param	Number	Numer warstwy.
 * @return	void
 */
ThinMenu.show = function(nr){
	ThinMenu.showId = setTimeout('ThinMenu.showMenu(' + nr + ')', ThinMenu.interval);
};

/**
 * @public
 * @param	Number	Numer warstwy.
 * @return	void
 */
ThinMenu.showMenu = function(nr){
	ThinMenu.isVisible = true;
	ThinMenu.hideAll();
	var element = document.getElementById(ThinMenu.prefix + nr);
	element.style.visibility = 'visible';
};

/**
 * @public
 * @return	void
 */
ThinMenu.hide = function(){
	clearTimeout(ThinMenu.showId);
	clearTimeout(ThinMenu.hideId);
	ThinMenu.isVisible = false; 
	ThinMenu.hideId = setTimeout(ThinMenu.hideMenu, ThinMenu.interval);
};

/**
 * @private
 * @return	void
 */
ThinMenu.hideMenu = function(){
	if(!ThinMenu.isVisible){
		ThinMenu.hideAll();
	}
};

/**
 * @private
 * @return	void
 */
ThinMenu.hideAll = function(){
	var i = 1;
	while(element = document.getElementById(ThinMenu.prefix + i++)){
		element.style.visibility = 'hidden';
	}
};