document.write("<div id=\"alertLayer\" class=alertBoxStyle>..</div>");
    
function BrowserCheck() {
        var b = navigator.appName;
        if (b == "Netscape") this.b = "NS";
        else if (b == "Microsoft Internet Explorer") this.b = "IE";
        else this.b = b;
        this.v = parseInt(navigator.appVersion);
        this.NS = (this.b == "NS" && this.v >= 4);
        this.NS4 = (this.b == "NS" && this.v == 4);
        this.NS5 = (this.b == "NS" && this.v == 5);
        this.IE = (this.b == "IE" && this.v >= 4);
        this.IE4 = (navigator.userAgent.indexOf('MSIE 4') > 0);
        this.IE5 = (navigator.userAgent.indexOf('MSIE 5') > 0);
        if (this.IE5 || this.NS5) this.VER5 = true;
        if (this.IE4 || this.NS4) this.VER4 = true;
        this.OLD = (!this.VER5 && !this.VER4) ? true : false;
        this.min = (this.NS || this.IE);
    }
    is = new BrowserCheck();
    alertBox = (is.VER5) ? document.getElementById("alertLayer").style
: (is.NS) ? document.layers["alertLayer"]
: document.all["alertLayer"].style;

    function hideAlert() {
        alertBox.visibility = "hidden";
    }

    function makeAlert(aTitle, aMessage)
    {
        var browser=navigator.userAgent;
        if(( browser.toLowerCase().indexOf('firefox') > 0 || browser.toLowerCase().indexOf('chrome') > 0 ) || browser.toLowerCase().indexOf('safari') > 0 )
        {
           alert(aMessage);
        }
        else
        {
                        document.all.alertLayer.innerHTML = "<table cellpadding=0 cellspacing=0 border=0 width=100% height=100%>" +
                "<tr height=5><td colspan=4 class=alertTitle>" + " " + aTitle + "</td></tr>" +
                "<tr height=5><td width=5></td></tr>" +
                "<tr><td width=5></td><td width=20 align=left>&nbsp;</td><td align=center class=alertMessage>" + aMessage + "<BR></td><td width=5></td></tr>" +
                "<tr height=5><td width=5></td></tr>" +
                "<tr><td width=5></td><td colspan=2 align=center><input type=button value='OK' onClick='hideAlert()' class=okButton><BR></td><td width=5></td></tr>" +
                "<tr height=5><td width=5></td></tr></table>";
                        thisText = aMessage.length;
                        if (aTitle.length > aMessage.length) { thisText = aTitle.length; }

                        aWidth = (thisText * 5) + 80;
                        aHeight = 100;
                        if (aWidth < 150) { aWidth = 200; }
                        if (aWidth > 350) { aWidth = 350; }
                        if (thisText > 60) { aHeight = 110; }
                        if (thisText > 120) { aHeight = 130; }
                        if (thisText > 180) { aHeight = 150; }
                        if (thisText > 240) { aHeight = 170; }
                        if (thisText > 300) { aHeight = 190; }
                        if (thisText > 360) { aHeight = 210; }
                        if (thisText > 420) { aHeight = 230; }
                        if (thisText > 490) { aHeight = 250; }
                        if (thisText > 550) { aHeight = 270; }
                        if (thisText > 610) { aHeight = 290; }

                        alertBox.width = aWidth;
                        alertBox.height = aHeight;
                        alertBox.left = (document.body.clientWidth - aWidth) / 2;
                        alertBox.top = (document.body.clientHeight - aHeight) / 2;

                        alertBox.visibility = "visible";
            }
    }

    // WHEN YOU WANT TO GENERATE AN ALERT DO THIS:
    // CALL THE makeAlert FUNCTION AND PASS THE ALERT TITLE AND THE MESSAGE
    // TO THE FUNCTION.
    // eg. makeAlert('My Alert Title' , 'My Alert Message');