var hasRendered = false;

var headtext = "<script src='http://www.google.com/jsapi' type='text/javascript'></script>"
headtext += "<script src='/js/jquery-1.4.3.js' type='text/javascript'></script>"
headtext += "<script src='/js/jquerycolor.js' type='text/javascript'></script>"
headtext += "<script type='text/javascript' src='/styles/fancybox/jquery.fancybox-1.3.4.pack.js'></script>"
headtext += "<link rel='stylesheet' type='text/css' href='/styles/fancybox/jquery.fancybox-1.3.4.css' media='screen' />"
headtext += "<script type='text/javascript' src='/styles/fancybox/jquery.fancybox-1.3.4.pack.js'></script>"

$('head').append(headtext);

function FancyAlert(message, title, subtitle, iconpath, iconX, iconY) {
    if (!hasRendered) {

        var overrideStyle = "";
        var bkgPos = "    background-position: "


        if ((!(iconX == null)) || (!(iconY == null))) {
            if (!(iconX == null)) {
                bkgPos += iconX + "px "; //20px 20px;
            }

            if (!(iconY == null)) {
                bkgPos += iconY + "px ";
            }
            bkgPos += ";";
        }else{
            bkgPos ="";
        }

        if (!(iconpath == null)) {
            overrideStyle = "style =\"background-image: url('" + iconpath + "'); " + bkgPos + " \"";
        }

        var divtext = "    <script type='text/javascript'>" + "\r"
        divtext += "    var shown = false;" + "\r"

        divtext += "    $(document).ready(function () {" + "\r"
        divtext += "        $('#msgBox').hide();" + "\r"
        divtext += "        $('#msgLink').fancybox({" + "\r"
        divtext += "            'titlePosition': 'inside'," + "\r"
        divtext += "            'transitionIn': 'none'," + "\r"
        divtext += "            'transitionOut': 'none'," + "\r"
        divtext += "            'onClosed': function () { $('#msgBox').hide(); shown = false; }" + "\r"
        divtext += "        });" + "\r"
        divtext += "    });" + "\r"

        divtext += "    $(document).ready(function () {" + "\r"
        divtext += "            $('#msgBox').show();" + "\r"
        divtext += "            $('#msgLink').trigger('click');" + "\r"
        divtext += "    });" + "\r"

        divtext += "</script>" + "\r"
        divtext += "    <a id='msgLink' href='#msgBox' title='" + subtitle + "' style='display: none;'/>" + "\r"
        divtext += "    <div id='msgBox'>" + "\r"
        divtext += "        <form id='MailForm' runat='server'>" + "\r"
        divtext += "        <div class='alertMain'>" + "\r"
        divtext += "            <div class='alertTitle'>" + "\r"
        divtext += title + "\r"
        divtext += "            </div>" + "\r"
        divtext += "            <hr class='alertHr' />" + "\r"
        divtext += "            <div class='alertMessageContainer' " + overrideStyle + " >" + "\r"
        divtext += "                <div class='alertInnerText'>" + "\r"
        divtext += message + "\r"
        divtext += "                </div>" + "\r"
        divtext += "            </div>" + "\r"
        divtext += "        </div>" + "\r"
        divtext += "        </form>" + "\r"
        divtext += "    </div>" + "\r"

        $('body').append(divtext);


        hasRendered = true;
    } else {
        divtext = "    <script type='text/javascript'>" + "\r"
        divtext += "    $(document).ready(function () {" + "\r"
        divtext += "            $('#msgBox').show();" + "\r"
        divtext += "            $('#msgLink').trigger('click');" + "\r"
        divtext += "    });" + "\r"
        divtext += "</script>" + "\r"

        $('body').append(divtext);
    }
}




function hideBox() {
    $('#alertbox').hide();
}