function pageWidth() 
{
    return window.innerWidth != null? window.innerWidth: document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body != null? document.body.clientWidth:null;
}

function pageHeight() 
{
    return window.innerHeight != null? window.innerHeight: document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body != null? document.body.clientHeight:null;
}

function posLeft() 
{
    return typeof window.pageXOffset != 'undefined' ? window.pageXOffset:document.documentElement && document.documentElement.scrollLeft? document.documentElement.scrollLeft:document.body.scrollLeft? document.body.scrollLeft:0;
}

function posTop() 
{
    return typeof window.pageYOffset != 'undefined' ? window.pageYOffset:document.documentElement && document.documentElement.scrollTop? document.documentElement.scrollTop: document.body.scrollTop? document.body.scrollTop:0;
}

function scrollFix()
{
    document.getElementById('MessageBoite').style.top=messageTop()+'px';
    document.getElementById('MessageBoite').style.left=messageLeft()+'px';
}

function messageTop()
{
    var t = posTop()+(pageHeight()-document.getElementById('Message').offsetHeight)/2;
    return (t<0?0:t)
}

function messageLeft()
{
    var l = posLeft()+(pageWidth()-document.getElementById('Message').offsetWidth)/2;
    return (l<0?0:l)
}

function patchIE(etat)
{
    var Drps = document.getElementsByTagName("select");
    for (var i=0; i<Drps.length; i++)
      {Drps[i].style.visibility=etat;}
    var Ifrs = document.getElementsByTagName("iframe");
    for (var i=0; i<Ifrs.length; i++)
      {Ifrs[i].style.visibility=etat;}
    var Objs = document.getElementsByTagName("object");
    for (var i=0; i<Objs.length; i++)
      {Objs[i].style.visibility=etat;}
}

function closeMessage()
{
    if (navigator.appName=='Microsoft Internet Explorer')
        patchIE('visible');
    //Suppression Gestion changement
    window.onscroll=null;
    window.onresize=null;    
    //Disparition des 2 divs
    document.getElementById('MessageBoite').style.display='none';
    document.getElementById('MessageFond').style.display='none';
}

function showMessage(Message,Type)
{
    var entete 
    var image 
    if (Type == 'C')
        {
        entete = 'Potwierdzenie';
        image = 'Images/Message/Confirmation.gif';
        }
    else if (Type == 'E')
        {
        entete = 'Błąd';
        image = 'Images/Message/Erreur.gif';
        }
    else if (Type == 'D')
        {
        entete = 'Ochrona Danych Osobowych';
        image = '';
        }
    else
        {
        entete = 'Uwaga';
        image = 'Images/Message/Avertissement.gif';
        }  
    var divFond = document.getElementById('MessageFond');
    divFond.style.height=document.body.offsetHeight+'px';
    divFond.style.width=document.body.offsetWidth+'px';
    if (navigator.appName == 'Microsoft Internet Explorer')	
        {
        divFond.style.filter='progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Images/General/overlay.png", sizingMethod="scale")';
        patchIE('hidden');
        }
    else
    divFond.style.backgroundImage='url(Images/General/overlay.png)';
    divFond.style.display='block';
    var divBoite = document.getElementById('MessageBoite');
    var chaine = "<div id='Message'>";
    chaine += "<div id='MessageEntete'><div style='position: relative; text-align: right'><span style='cursor: pointer' onclick='closeMessage()'><span style='position: relative; top: -3px; left: -2px'>Zamknij</span><img src='Images/message/Fermer.gif' alt='' style='position: relative; padding-right: 5px; top: 2px' /></span></div><span style='position: absolute; left: 5px; top: 5px'>"+entete+"</span></div>";
    chaine += "<div id='MessageCorps'>"
    chaine += "<table style='width: 100%' cellpadding='0' cellspacing='0'><tr>"
    if (image != '') chaine += "<td style='width: 60px; text-align: center; vertical-align: top'><img src='"+image+"' alt='' style='position: relative; top: 0px; left: -3px' /></td>"
    chaine += "<td style='width: auto; text-align: left'>"+Message + "</td>";
    chaine += "</tr></table>"    
    chaine += "</div>";
    divBoite.innerHTML = chaine;
    divBoite.style.display='block';
    //Gestion des changements du navigateur
    window.onscroll = scrollFix; 
    //Positionnement
    divBoite.style.top= messageTop() + 'px';
    divBoite.style.left= messageLeft() + 'px';
}