var instruction_shown = false;

function showInstruction(evt)
{
	if( !evt )
	{
		if( window.event )
		{
			//Internet Explorer
			evt = window.event;
		}
		else
		{
			//total failure, we have no way of referencing the event
			return;
		}
	}
	if( typeof( evt.pageX ) == 'number' )
	{
		//most browsers
		var xcoord = evt.pageX;
		var ycoord = evt.pageY;
	}
	else if( typeof( evt.clientX ) == 'number' )
	{
		//Internet Explorer and older browsers
		//other browsers provide this, but follow the pageX/Y branch
		var xcoord = evt.clientX;
		var ycoord = evt.clientY;
		var badOldBrowser = ( window.navigator.userAgent.indexOf( 'Opera' ) + 1 ) || ( window.ScriptEngine && ScriptEngine().indexOf( 'InScript' ) + 1 ) || ( navigator.vendor == 'KDE' );
		if( !badOldBrowser )
		{
			if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) )
			{
				//IE 4, 5 & 6 (in non-standards compliant mode)
				xcoord += document.body.scrollLeft;
				ycoord += document.body.scrollTop;
			}
			else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) )
			{
				//IE 6 (in standards compliant mode)
				xcoord += document.documentElement.scrollLeft;
				ycoord += document.documentElement.scrollTop;
			}
		}
	}
	else
	{
		//total failure, we have no way of obtaining the mouse coordinates
		return;
	}
	el = document.getElementById( "div_instrukcja" );
	if ( instruction_shown == false )
	{
		el.style.display="block";
		el.style.zIndex="100";
		instruction_shown = true;
		el.style.left=xcoord+"px";
		el.style.top=ycoord+"px";
	}
	else
	{
		el.style.display="none";
		instruction_shown = false;
	}
}