function closerHandler( event )
{
    var sender= getEventTarget( event );

    while( ( sender ) && ( sender.className != "popupWindow" ) )
        sender= sender.parentNode;

    if( sender )
        sender.parentNode.removeChild( sender );
        //sender.style.display= "none";
}



function setupWindowHandlers()
{
    var closers= document.getElementsByClassName( "windowCloser" );
    for( var itr= 0; itr < closers.length; itr++ )
        addPortableEventListener( closers[ itr ], 'click', closerHandler );
}


function messageWindow( title, messages )
{
    if(document.getElementById('messageWindow'))
    { 
       var mesWind = document.getElementById('messageWindow');
        mesWind.parentNode.removeChild(mesWind);
    }

    var temp = '';

    for(var i = 0; i< messages.length; i++)
        {
            temp = temp+'<li>'+messages[i]+'</li>';
        }

    var windowDiv = document.createElement('div');    
    windowDiv.id = 'messageWindow';
    windowDiv.className = 'popupWindow';    
    windowDiv.innerHTML = '<div class="messageTop"></div><div class="messageMiddle"><div id="messageWindowTitle">'+title+'</div> <ul>'+temp+'</ul><a href="javascript:void(0);" class="windowCloser"></a></div> <div class="messageBottom"></div></div>';

    windowDiv.style.position= 'fixed';   
    var body = document.getElementsByTagName('body');
    body[0].appendChild(windowDiv);        
// 
/*
    <div class="popupWindow" id="messageWindow">
          <div class="messageTop"/>
          <div class="messageMiddle">
            <div id="messageWindowTitle">Logowanie do systemu</div>
            <ul>
                <li>Wystąpił błąd: Nieprawidłowa nazwa użytkownika.</li>
            </ul>

    


            
            <a class="windowCloser" href="javascript:void(0)"/>
          </div>
          <div class="messageBottom"/>
   </div>*/


    setupWindowHandlers();    
}


runOnLoad( setupWindowHandlers );