R@ÀÞcï µ¹(X`™Òq¹÷ÑMLþðdÇàÏ?dª„×µ~±ÃyrL·¡óÖ!ã*âT*~öDÃµeÓWj)«BÐI¡H7Åõ>ÿ;x(]ËÀ_äÌå2ãDÃÔàâ¤•‡Òµtæd0ÁA£¤~Dìçt«Z‰{e<:ÜeÏFŒ$vˆ¾Kû¿ñnV%†‰[bÜkkž€)$¿“äñÞt•Íxµ7ÕÎpPæ™;)\NCU{ÙÈœ³tOÈ_Í^Ý~k¹mÃÀ¶‚@|¯ÍB±7*'Ÿ| ¹Û”	ÆçmÐ“O\î=wW3IÑ±5DV‚×l|NF6Äu¶©šD1í[ŠA3æ%½uÓNÕûÃÑ(‚b{¦}%¢É87wöö‘w¡4„—×^è’m#Pð*Y·}HÄêÎC©f(^ÏšÓG$g i´D|ðC±w=ÒÐ-è5S		Î-@Úï<˜ÅSþ…^*öä+àDy[eoR&OQ^Ö™/Ø‡³C©Z$;½€Ò~p=pbº;lìáÔkDzàêÙ·1
OÑ¥l¹iá²ÈÚ{gåBm`„ŒXæíf?D—^õŒ5â@+3U‹ò ÍlD$/b0ŠÕn!Þ#;ÙÃÄUMmû'¢¬Ý¿®¢DæXuœé*¬/„ª¸ÿ
ÿ•·)ÃNr7_n¾Q’¦ž#&‹ÔtMt‘Pÿz7ö¹õdbv4îX¦§±”™Á'GªXzÎx¶Hç¬™^OÌFÌátcmôí•?*ë#•¢ðJQsZ1ÎÕµÛßÊ5éGÿë¨»øx»“Àˆzã½¨ûãš¹R~mËõ¬uV+l¶ˆ™èÙ3ªˆ÷Ná¾£š1#ÉŽÂzx»“Àˆzã½¨ûãš¹ËéMÔöð =ÕÈÞ‰™«3ªˆ÷Ná¾£š1#ÉŽÂz/‡Q(Z¸Q'UëùíþÅâ0{±N÷{Î†	Ù .ûMkì5½Ÿè‰×FÇœvVMA^¡ô¤ª@ÑE’q‰3ªˆ÷Ná¾£š1#ÉŽÂz ß±ÄªKîÎ¨}&hèjÆyõa!¤Ä2oÉ3f,³³› oâjß‡Òbïy&ÛÕÑçÞoH©Ð,ßê”ÈkÎÂö”™JùY£GsæLã,%á¨¡¤{Ëü*ÿŒYÐ4#³!”W»Œ#¯öÈ‘¬é©ß÷¸á jœžÝæs™¥Ê'‘¦¯-ØÞ'¶ôœÖ|@˜MA^¡ô¤ª@ÑE’q‰3ªˆ÷Ná¾£š1#ÉŽÂz!þ¦BV„Ñ”Ël3•û¾(iÈ»™"~ƒ¯eénu0™ä¿cyÑ°¾XßB›D|F“¹kò3>iX–l÷Üê‘ž¡ß~j ÝÜÓ<¯Ðjó"I©7ü
>u,¯9ÖÑe1ÎÕµÛßÊ5éGÿë¨»øÚÓ°,,}Õ±êíÚÇº¿yö€i*.¥€”0v¬Þ—ÐU§YcÅ-Þ¹Ÿ³_Ž~¦s>èø=ã[1ÖàÝÄql3°‘üErd›3ªˆ÷Ná¾£š1#ÉŽÂz¹Ÿ³_Ž~¦s>èø=ã[=õˆØiÜ“zúÚdè<3ªˆ÷Ná¾£š1#ÉŽÂzˆÖ+AÉ¦7Á×Š ¼±ÏŠ¦z±t©ÞN×rq2ÐÙ¯%„3»4žbŸ-–3ªˆ÷Ná¾£š1#ÉŽÂz­ÿ—ãØ \Šsb¾†n73À41ª&%ì¸è…Øe¶"RŒ™ð`áy³œ×œGµd´(«‘WªT
1
ÕV6-i206ßJŠž!iÔ«ÜáôÉ š3`*i…#ùÔŸÌÅxïðŒ†OÔµ#Ù´fžp.(ô^=Î@Ùº3žú¶Ü·e.8±Û1-œ”NÔþŒä5h3ªˆ÷Ná¾£š1#ÉŽÂz¹Ÿ³_Ž~¦s>èø=ã[=õˆØiÜ“zúÚdè<3ªˆ÷Ná¾£š1#ÉŽÂzˆÖ+AÉ¦7Á×Š ¼±ÏŠ¦z±t©ÞN×rq2Ð €¼M\L ]Ø5…8´£8b;O?ÌVa¦ „¤´Åø3ªˆ÷Ná¾£š1#ÉŽÂz$'Äók€Úb°Ç&!ê{ùov¹MÞ™t6i`ñløº!A6?dZã»On’T´-ùUP‰°ú­‚bÐöx˜6W³´iqÿ€GµÛ)ÚÝ¿À0,²±THj7?‚ÆürTwv©Of1ËÙjB HÑ«|Þëlª#3ªˆ÷Ná¾£š1#ÉŽÂzj¹–Ü§_h¼úT³Ú3ªˆ÷Ná¾£š1#ÉŽÂz8.I¤:œ¢ß%‡N|.@³%›4{ÐK<VÞžøÂ20§áÐª»Ò¨ÿ-½Kàÿ1ÎÕµÛßÊ5éGÿë¨»øœ†=Ì¡2€Lj‰3òG¿{àt«A¸à½†ÔóËG1'Õãú„Ë—œxÊŠ¯f¯[U|®¼¢*ˆŠÊeÚ0†£Ç'³1|"fr þ3ªˆ÷Ná¾£š1#ÉŽÂz5Óýî¦x«ŒF†f»Ð[}Rº¾[mßïb´RâýØì¤½ºV_d¹îëê_ ØÏïZì0°v(eEýKØþ8Ð{­dN#«ÛÑ4Ù<ÍP¦Xð{¬BÃÎ¤~[v}-$Koü{P‡0©Ôû@SØ¹©ÈÆëö²”RE}tíÆÜÃ>#ŒR±ê°>xß¦æ@| è`Ûf1g*é Ð«ƒàõ*Œ+¾ÚÔb.»Üë)œ=ŒZmä1éÕÈÖ²Êá¶
Üß\t®©Ø†13ªˆ÷Ná¾£š1#ÉŽÂzx»“Àˆzã½¨ûãš¹ËéMÔöð =ÕÈÞ‰™«3ªˆ÷Ná¾£š1#ÉŽÂz/‡Q(Z¸Q'UëùíþÅÐLBJ)£¥9-»jŽS°tL2+F´¹á± 3ªˆ÷Ná¾£š1#ÉŽÂz$'Äók€Úb°Ç&!ê{ÌTiSÐýoÁ­TŸÊd­t¥˜èóM  ÿæÊ4åö•m^ôd¡‹„@õþFÚ‚~¯kNB*ìÀd®2¬²ÞlÑ=(‚‡#+FÙÌÌgÓ­3•µß/«HÍ#Š–MA^¡ô¤ª@ÑE’q‰*?,œPÅc€Ã`lÆ)&ä7¥ÉmßâUñŒÐýiñpÆ“Ü“œ4Þ@R&ñf4â#L*âê¶]i-eî3ªˆ÷Ná¾£š1#ÉŽÂzáò¯)òÈ¶¶8!C|š©ê'Ð=A5jîïã*•kïZY·¿óÉíKwˆ¯&š/(«Ãê®SñŸŒ{Ø;Ø)LeS—™ÒJ”.rÖÔß§i³Vüšõ°ÆÇ•w3?¬9päÉîÌ¨ò•Ô5ì¶%û°µ¶yÿè0‚„_"!½×“yòíãSLÎÑ÷0¯P&|1Œ{Yùi\ƒ0DŽMæ³?ü^Ä~u§·¹ù@gÓ­3•µß/«HÍ#Š–MA^¡ô¤ª@ÑE’q‰*?,œPÅc€Ã`lÆ)&ä7¥ÉmßâUñŒÐýiñpÆ“Ü“œ4Þ@R&ñf4â#L*âê¶]i-eî3ªˆ÷Ná¾£š1#ÉŽÂzáò¯)òÈ¶¶8!C|š©ê'Ð=A5jîïã*•°¿qôÇäu?(§o8ÑK3ªˆ÷Ná¾£š1#ÉŽÂz…®@žiöhV¾xeD}`½T”Ü§õ¡ŒFÄUÀûÌ•Ô5ì¶%û°µ¶yÿè0‚„_"!½×“yòíãSLÎÑ÷ä61ó•à<Ñ)÷ì2‡LC¯(šm$ªPîåHž¤E3ªˆ÷Ná¾£š1#ÉŽÂzó…ÎéÞzÕD†¿`„.4º¿yö€i*.¥€”0v¬Þ—ÐU§YcÅ-Þ^šP¨‹-ïÆ™ôk²Wa5ªÇPW­½u³/Ê¿(3ªˆ÷Ná¾£š1#ÉŽÂzË96!„ê?{Ö»®AÈnœ0Õí7ú‡m0É„Ô#Ûã	cËñgƒr1Ù6>¡ð5}£Í„ŽqD‡ù@LÖ{3ªˆ÷Ná¾£š1#ÉŽÂzÑü9~dPÝÅqZƒîù4sY¹³Ÿ‚Wvü}NC'Ëì¸è…Øe¶"RŒ™ð`áy³œ×œGµd´(«‘WªT
1
ÕV6-i206ßJAŒ>!eQKÜ·FùÊã¿YW2’vxÿ™ÛÆ¶Ã¦©M3ªˆ÷Ná¾£š1#ÉŽÂzhS	/…,‚Â‹™&:f0ìqgÓ­3•µß/«HÍ#Š–
àjH$§oÌM$¢8_éÉˆˆÒ8Æ_'ÔôAÛ`ïÏ(ptF[OB·Õš/(«Ãê®SñŸŒ{Ø“•ûè Øá˜íÈµ†ž³vÏ™®#ûovéÈl±¤€wýð0“ÁÄý®8½š/(«Ãê®SñŸŒ{Ø;Ø)LeS—™ÒJ”.„ff4Q´‘nÂNŒ.ì¸è…Øe¶"RŒ™ð`áy³œ×œGµd´(«‘WªT
1
ÕV6-i206ßJ%¢‹×ò±ì'×Ç¶Jï{@×´J,G¯À}pöŒ\{;ÍeM1TJÒ8eü”äµýdÚY‹šøV­u#v3ªˆ÷Ná¾£š1#ÉŽÂze6b%Á28÷÷·8O7Šr3ªˆ÷Ná¾£š1#ÉŽÂzZ¥Œ“TÁìšÍÙ‘f.úó‚š Nƒª_ÝIõY7þÝÐ= x¡aÓHãôpgŽVÉç;î# .†AY“&ŸgPÊã)4ÔGñxY^äWßx†G+}8z²éL4rÓò0ý¬¦“´y
¾ÒðÝ.£¾D£Y‡½§ZÄI3ªˆ÷Ná¾£š1#ÉŽÂzÛþv4Ló_‰ošç"FÉßU0ç§ÉCÂû34Õz´-ùUP‰°ú­‚bÐöx˜6W³´iqÿ€GµÛ)Ô²ðVoe#DYô	~áôöå¸§Ò€y  U¯œ“ôÕ3ªˆ÷Ná¾£š1#ÉŽÂz§£»êï¢ÞÉ±´3ªˆ÷Ná¾£š1#ÉŽÂzÇn}üºH¹ ¥ïÍü”$±Û1-œ”NÔþŒä5h*?,œPÅc€Ã`lÆ)&šLL°Ô8ìØð;ÑýâM7ªî—ä!%ÉäÞvëÃb¢]w9Ì–H_<¬»+ X«¹Ÿ³_Ž~¦s>èø=ã[˜ÖSÝhWÂ¥Ijö)æ^pÓ¹É%µ,½^Ò…A%Ì½¨Sa}k?Sã‚î‹^šP¨‹-ïÆ™ôk²Wa5ªÇPW­½u³/Ê¿(                       <label>Toast Type</label>
                        <label class="radio">
                            <input type="radio" name="toasts" value="success" checked />Success
                        </label>
                        <label class="radio">
                            <input type="radio" name="toasts" value="info" />Info
                        </label>
                        <label class="radio">
                            <input type="radio" name="toasts" value="warning" />Warning
                        </label>
                        <label class="radio">
                            <input type="radio" name="toasts" value="error" />Error
                        </label>
                    </div>
                </div>
                <div class="control-group" id="positionGroup">
                    <div class="controls">
                        <label>Position</label>
                        <label class="radio">
                            <input type="radio" name="positions" value="toast-top-right" checked />Top Right
                        </label>
                        <label class="radio">
                            <input type="radio" name="positions" value="toast-bottom-right" />Bottom Right
                        </label>
                        <label class="radio">
                            <input type="radio" name="positions" value="toast-bottom-left" />Bottom Left
                        </label>
                        <label class="radio">
                            <input type="radio" name="positions" value="toast-top-left" />Top Left
                        </label>
                        <label class="radio">
                            <input type="radio" name="positions" value="toast-top-full-width" />Top Full Width
                        </label>
                        <label class="radio">
                            <input type="radio" name="positions" value="toast-bottom-full-width" />Bottom Full Width
                        </label>
                        <label class="radio">
                            <input type="radio" name="positions" value="toast-top-center" />Top Center
                        </label>
                        <label class="radio">
                            <input type="radio" name="positions" value="toast-bottom-center" />Bottom Center
                        </label>
                    </div>
                </div>
            </div>

            <div class="span2">
                <div class="control-group">
                    <div class="controls">
                        <label class="control-label" for="showEasing">Show Easing</label>
                        <input id="showEasing" type="text" placeholder="swing, linear" class="input-mini" value="swing" />

                        <label class="control-label" for="hideEasing">Hide Easing</label>
                        <input id="hideEasing" type="text" placeholder="swing, linear" class="input-mini" value="linear" />

                        <label class="control-label" for="showMethod">Show Method</label>
                        <input id="showMethod" type="text" placeholder="show, fadeIn, slideDown" class="input-mini" value="fadeIn" />

                        <label class="control-label" for="hideMethod">Hide Method</label>
                        <input id="hideMethod" type="text" placeholder="hide, fadeOut, slideUp" class="input-mini" value="fadeOut" />
                    </div>
                </div>
            </div>

            <div class="span3">
                <div class="control-group">
                    <div class="controls">
                        <label class="control-label" for="showDuration">Show Duration</label>
                        <input id="showDuration" type="number" placeholder="ms" class="input-mini" value="300"     />

                        <label class="control-label" for="hideDuration">Hide Duration</label>
                        <input id="hideDuration" type="number" placeholder="ms" class="input-mini" value="1000" />

                        <label class="control-label" for="timeOut">Time out</label>
                        <input id="timeOut" type="number" placeholder="ms" class="input-mini" value="5000" />

                        <label class="control-label" for="extendedTimeOut">Extended time out</label>
                        <input id="extendedTimeOut" type="number" placeholder="ms" class="input-mini" value="1000" />
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <button type="button" class="btn btn-primary" id="showtoast">Show Toast</button>
            <button type="button" class="btn btn-danger" id="cleartoasts">Clear Toasts</button>
            <button type="button" class="btn btn-danger" id="clearlasttoast">Clear Last Toast</button>
        </div>

        <div class="row" style='margin-top: 25px;'>
            <pre id='toastrOptions'></pre>
        </div>
    </div>
</section>

<footer class="row">
    <h2>Links</h2>

    <ul>
        <li><a href="http://nuget.org/packages/toastr">NuGet</a></li>
        <li><a href="https://github.com/CodeSeven/toastr">GitHub</a></li>
    </ul>
</footer>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="toastr.js"></script>

<script type="text/javascript">
    $(function () {
        var i = -1;
        var toastCount = 0;
        var $toastlast;

        var getMessage = function () {
            var msgs = ['My name is Inigo Montoya. You killed my father. Prepare to die!',
                '<div><input class="input-small" value="textbox"/>&nbsp;<a href="http://johnpapa.net" target="_blank">This is a hyperlink</a></div><div><button type="button" id="okBtn" class="btn btn-primary">Close me</button><button type="button" id="surpriseBtn" class="btn" style="margin: 0 8px 0 8px">Surprise me</button></div>',
                'Are you the six fingered man?',
                'Inconceivable!',
                'I do not think that means what you think it means.',
                'Have fun storming the castle!'
            ];
            i++;
            if (i === msgs.length) {
                i = 0;
            }

            return msgs[i];
        };

        var getMessageWithClearButton = function (msg) {
            msg = msg ? msg : 'Clear itself?';
            msg += '<br /><br /><button type="button" class="btn clear">Yes</button>';
            return msg;
        };

        $('#closeButton').click(function() {
            if($(this).is(':checked')) {
                $('#addBehaviorOnToastCloseClick').prop('disabled', false);
            } else {
                $('#addBehaviorOnToastCloseClick').prop('disabled', true);
                $('#addBehaviorOnToastCloseClick').prop('checked', false);
            }
        });

        $('#showtoast').click(function () {
            var shortCutFunction = $("#toastTypeGroup input:radio:checked").val();
            var msg = $('#message').val();
            var title = $('#title').val() || '';
            var $showDuration = $('#showDuration');
            var $hideDuration = $('#hideDuration');
            var $timeOut = $('#timeOut');
            var $extendedTimeOut = $('#extendedTimeOut');
            var $showEasing = $('#showEasing');
            var $hideEasing = $('#hideEasing');
            var $showMethod = $('#showMethod');
            var $hideMethod = $('#hideMethod');
            var toastIndex = toastCount++;
            var addClear = $('#addClear').prop('checked');

            toastr.options = {
                closeButton: $('#closeButton').prop('checked'),
                debug: $('#debugInfo').prop('checked'),
                newestOnTop: $('#newestOnTop').prop('checked'),
                progressBar: $('#progressBar').prop('checked'),
                rtl: $('#rtl').prop('checked'),
                positionClass: $('#positionGroup input:radio:checked').val() || 'toast-top-right',
                preventDuplicates: $('#preventDuplicates').prop('checked'),
                onclick: null
            };

            if ($('#addBehaviorOnToastClick').prop('checked')) {
                toastr.options.onclick = function () {
                    alert('You can perform some custom action after a toast goes away');
                };
            }

            if ($('#addBehaviorOnToastCloseClick').prop('checked')) {
                toastr.options.onCloseClick = function () {
                    alert('You can perform some custom action when the close button is clicked');
                };
            }

            if ($showDuration.val().length) {
                toastr.options.showDuration = parseInt($showDuration.val());
            }

            if ($hideDuration.val().length) {
                toastr.options.hideDuration = parseInt($hideDuration.val());
            }

            if ($timeOut.val().length) {
                toastr.options.timeOut = addClear ? 0 : parseInt($timeOut.val());
            }

            if ($extendedTimeOut.val().length) {
                toastr.options.extendedTimeOut = addClear ? 0 : parseInt($extendedTimeOut.val());
            }

            if ($showEasing.val().length) {
                toastr.options.showEasing = $showEasing.val();
            }

            if ($hideEasing.val().length) {
                toastr.options.hideEasing = $hideEasing.val();
            }

            if ($showMethod.val().length) {
                toastr.options.showMethod = $showMethod.val();
            }

            if ($hideMethod.val().length) {
                toastr.options.hideMethod = $hideMethod.val();
            }

            if (addClear) {
                msg = getMessageWithClearButton(msg);
                toastr.options.tapToDismiss = false;
            }
            if (!msg) {
                msg = getMessage();
            }

            $('#toastrOptions').text('Command: toastr["'
                    + shortCutFunction
                    + '"]("'
                    + msg
                    + (title ? '", "' + title : '')
                    + '")\n\ntoastr.options = '
                    + JSON.stringify(toastr.options, null, 2)
            );

            var $toast = toastr[shortCutFunction](msg, title); // Wire up an event handler to a button in the toast, if it exists
            $toastlast = $toast;

            if(typeof $toast === 'undefined'){
                return;
            }

            if ($toast.find('#okBtn').length) {
                $toast.delegate('#okBtn', 'click', function () {
                    alert('you clicked me. i was toast #' + toastIndex + '. goodbye!');
                    $toast.remove();
                });
            }
            if ($toast.find('#surpriseBtn').length) {
                $toast.delegate('#surpriseBtn', 'click', function () {
                    alert('Surprise! you clicked me. i was toast #' + toastIndex + '. You could perform an action here.');
                });
            }
            if ($toast.find('.clear').length) {
                $toast.delegate('.clear', 'click', function () {
                    toastr.clear($toast, { force: true });
                });
            }
        });

        function getLastToast(){
            return $toastlast;
        }
        $('#clearlasttoast').click(function () {
            toastr.clear(getLastToast());
        });
        $('#cleartoasts').click(function () {
            toastr.clear();
        });
    })
</script>
</body>
</html>