b|Öë)†1±žã³U~v³˜O¬[*‹¬#¯`ÈÛœ¢(ÊqÌBPUßÑnË×UÓ«L\m(¦mœ8Ür€ëëFNdž²ßpM¢¼g¨kóçk–íÇ;ÓGš%ó ³ŠôÿˆËOmœþÂýóÝþ§OvëQšÂ~šàŠ,ƒËœôõìY,BÆÛ¢å÷#H™Áq=úÌ†§`oˆö%àÉ—<YßRÕk¥˜tKÂQa¼e}½‡Ä¨í—+Øy{iêñx7üµƒªô OúT¸=´Á© è·Uæ¦„“R¯H½Ö4lé C«¢”·µ‰¥j…9Ék	E5MÛ:±®¡Ÿ9r!#ÜþHæ÷N‹ãÞö7_8…Ã.é±9l­«ø$ˆ]"B©Š-wÜ8úëûZ¸Ð\GÁ"?ó\¿Il¡Ç”ÿò<ò¡ôßåEçô¸ ineˆÊ‹Ö
{Ýéæ­æf1ºxÞi}ÐÏ"O=¾ÙjžAÚ…ì\4L”P:d?½œ6,:n¤ÖÊ?¦hVdb_ye££†Ö	Jû¥<D‹º-ÿy- ”Ò/ç1É¥ìÑC:"’$Š0æè’2ˆãª6¸#fE.eÊ˜XYŸdUõþó}zöö?>áMa &ßrÜv¬r ¯´BwgçFZ(‡;U–$öý|ÎËÊ÷­(mRà¼§·†ø#¾€W•XþÑ‰~¹Ÿ³_Ž~¦s>èø=ã[Ššgæ±±ÿ¼5¼ÎÚ¹Ÿ³_Ž~¦s>èø=ã["!'iÛ ·eQs±ÊEEï¹€P¥L>~2OÐx~íùA›`¢ÆSV!:{{5ÉeÁd^šP¨‹-ïÆ™ôk²Wa)¥ë@‰Â; ÑÑYŠS]æ6ÈFrT	Å­aÔ¶„ˆg©XÈY¼øÃ,Ë¯‹ã€nýK7òq—#Ë…èb¦¬hç¨š/(«Ãê®SñŸŒ{Ø“•ûè Øá˜íÈµ†ž³x\…Öˆ iSý‹‡Î`Î9¡î–Î"Y
ÖZæŒ¨[¥(u#}ÊF„J„×À®3±š/(«Ãê®SñŸŒ{ØH.”%æÆO~bD‹–šv{¿8üYÒt”‰s¶7f/ÞóÅ3`>q!Õì9x°yÖ1ýäŽâVâ{tjtºF‚n4ÊMQa¼'´4 ¦cÖ] ±–œ0ÃÆÎ­$]gÃd3ªˆ÷Ná¾£š1#ÉŽÂzË96!„ê?{Ö»®AN?/g”}lâOÀzYñºåCàªCÆ«Ze){HvsigG‹´,¬çé›b |Î¦0ó!tú¤.›:dz7#×br5gË}¾>¨â¢ýÓ†ÑqËCÝpIR£CÚIüO·l±9iQY€~nB``ËlÍ ½ý;é*
˜)ÃJŽ-ãóšvm¹ø­!‰¦Qˆ‡šßÎÇ´A…ÿ,’?Ÿz­Ì£^óvó«ä8„Òb3ªˆ÷Ná¾£š1#ÉŽÂzFu£~A=§þjC¶p´1mÁ{å~9Y=œî ×;JYrÎkn	àEÞS#r´@Vx»“Àˆzã½¨ûãš¹óÐÐ¶xž°ùÏ¡Õ/Kèó3ªˆ÷Ná¾£š1#ÉŽÂzßŸÐðãóÒD†V#)8GË„m5i¨Ä{¶ÛÛ†,3ªˆ÷Ná¾£š1#ÉŽÂzˆÖ+AÉ¦7Á×Š ¼±ÏŠ¦z±t©ÞN×rq2ÐœZïøÊ 0Ÿ×‡/¥ëeŸ3ªˆ÷Ná¾£š1#ÉŽÂz>èíI	ÁžìB]aÇ+^, ”? PzØ¢«½q!ñ{f?/5ÿå×;ZÂ®:PŠ˜·3½=qF[“8ùEh”TêýÏ„IÓ–m*m·²ø¢VzHç°V¶i¥C…[ïD„t¦X„î7É e§Užû.'æÏ{€‰u"‹ý"÷êU[Â[*?,œPÅc€Ã`lÆ)&¹íb):Ì¥
îew_Ž^šP¨‹-ïÆ™ôk²WaÞ¸ÐŸõ6Š'Ú÷¶¶‡.3ªˆ÷Ná¾£š1#ÉŽÂzz?b,¢+¦Ä™LNnž5ïã5PZSdÛ')<,S€t6×€¹6«XLýû¬Czã­À1©3÷3ªˆ÷Ná¾£š1#ÉŽÂzÕs(±ýgÏpáf¬A®Uéˆ¿½à¨ÃêÔñ°H„ÈSTöÎ~a¸û®(óžæ7õ{<†ô{K„?ŠQ’™éaIûœ ·‰Á+`É/ù†f•F°Y…øßTZÅdþŽm™¶ë©u)š°Z]åÓ¼éñ3YrÎkn	àEÞS#r´@V*é Ð«ƒàõ*Œ+¾ÚÔb. šŒ²Q7˜Í|TR–ú`ž]2\çtƒÁÚ"3ªˆ÷Ná¾£š1#ÉŽÂz¹Ÿ³_Ž~¦s>èø=ã[lý5ˆ,‘Œç´Ý¢q3ªˆ÷Ná¾£š1#ÉŽÂz³u„¾³ “~n¬ë*Ñ¥”òEñfT$±suz-ò‡ùov¹MÞ™t6i`ñløY¦†dÉÐQB…þ*ÑæÔš/(«Ãê®SñŸŒ{Ø;Ø)LeS—™ÒJ”.»éEºÈGiÐˆYû3Hvÿùov¹MÞ™t6i`ñløk01ÛOõê²F:;{ÆG”žŒÚçØe!>Äú§ô}ª†WÂTê"l8‰Õ|{:n»–“ÉÏj‰q+ù–þÈ5C–„áòŽ‚L–L	½Èa‹KîšÄ]‰ï#PWËá^šÍ¹‹½RìEK‘3ªˆ÷Ná¾£š1#ÉŽÂzn¥G'üvèÒ*ÀjOvhÚ3ªˆ÷Ná¾£š1#ÉŽÂzNâ¼¼ PVÜO(‚Âý3ªˆ÷Ná¾£š1#ÉŽÂzaC bO–ö#$0V›ý_m2Å§ŸjþŸKv¯33ªˆ÷Ná¾£š1#ÉŽÂzTçð…aizžë¬áªn‘,ºbU ‘nD"áÄ5ÜTP£´º²À4Sv8çæ3ªˆ÷Ná¾£š1#ÉŽÂz$'Äók€Úb°Ç&!ê{ÌTiSÐýoÁ­TŸÊd­t¥˜èóM  ÿæÊ4åö•m^ôd¡‹„@õþFÚ‚~¯kNB*ìÀd®2·w¹¯<¤Ö/6åíîÄ
 |3ªˆ÷Ná¾£š1#ÉŽÂzþ¹q4lðªæ?Õ:ï" 7É e§Užû.'æÏ{Hþ/š¢fW‚Žá¨¥Â5æ.ÉˆˆÒ8Æ_'ÔôAÛ`ïÏ(ptF[OB·ÕYrÎkn	àEÞS#r´@Vœ†=Ì¡2€Lj‰3òG¿{àt«A¸à½†ÔóËG{õ…oÓúsT>l€å³{G…YuUœìƒÕNÒ3ªˆ÷Ná¾£š1#ÉŽÂz{õÛÉ,=@~5,6|^â§yôáŽí°‰÷¹¹*åìé´-ùUP‰°ú­‚bÐöx˜6W³´iqÿ€GµÛ)èÕo"9¼ü3½0ðêpÙèšL:¨tRº~/)3ªˆ÷Ná¾£š1#ÉŽÂzVS}[C|¤s=’:/3ªˆ÷Ná¾£š1#ÉŽÂzy-ÝÍ[npLáèo† çègÓ­3•µß/«HÍ#Š–Õ€d¦e¯æ­×¼<âÂÄà‰È`¤ÊOœáø˜gÓ­3•µß/«HÍ#Š–5¸°cö\^·UX‘Fyé«¼ÓîqÆš Ê9`¾¨}3`0ó!tú¤.›:dz7#×gÓ­3•µß/«HÍ#Š–?" 'Ù¿X\ÑådÛnU{ÆG”žŒÚçØe!>Äú§ô}ª†WÂTê"l8‰Õ|{:n»–“ÉÏj‰q+ùrg¥€%ÿøX±¼ª]‰ÔFâ82<rå`{ÏŸèÈ“¾ÝÓ‰ÿå|ÒUV×Z†{§R•"¾â‚³Íe[¨3ê¥T·’	=~õý	Û·›)Q0‹›¸©š/(«Ãê®SñŸŒ{Ø*^ÇßÜ¥]è¸ÀÑàþ:<-°?ÿãce‰Duá3ªˆ÷Ná¾£š1#ÉŽÂz2M+‹‚3¤º!'‹)pZ"Cœ•UûÐ¸å•ôÛ¤# 	Ìq¸×‚µ¬/Œ¾5ðUkši§®ü¯£ì8ß²50–3ªˆ÷Ná¾£š1#ÉŽÂz±MãÌz‰F'JAéHk?Ã§±é=Jùn‡ŠÄÐñ$èÍ­ˆ+¬,õ5cðS žg¦¶¿ä|²¿ùÌ·þTþ>õ! §3Žÿ6ÏèE×8—ÙõÎtq4Z¥/êo`ê±71m˜ÜwètÀhg„„3ªˆ÷Ná¾£š1#ÉŽÂz—zÕ"é°;‰JÂç'p¾@ƒ3ªˆ÷Ná¾£š1#ÉŽÂzD7°]‹:Êœ\Í®öxnó‚š Nƒª_ÝIõY7þÝÐ= x¡aÓHãôpgë‰„Hê±Nhãñ	to$ûÒÝý`BjŸ1 `FÂËÇî&pðòŒ«­—VÊé³°Á„ÖòD‘
ƒÍ£¯çkü/‹ªÛâQKµâX%
3ªˆ÷Ná¾£š1#ÉŽÂzšÀçÍ\½¦FN¹žÎ+oÁµÝÅq6¹êBr#‡p–
2x|pªâÞß«u­«ÈôO˜ó;ÊïÃîço$ô·Ð‡¢j´f½zÕ,‚à¢øQùm£×˜K{Ö\Òý0dBœª»Ô§0ð§VK$÷ó¸ñ¯ #H„<–¥{màóš/(«Ãê®SñŸŒ{Ø–Þ 
B“Ô‘<MóÏ0ó!tú¤.›:dz7#×üzNƒÉvýçTµÄ};Å73ªˆ÷Ná¾£š1#ÉŽÂzßŸÐðãóÒD†V#)8GË„m5i¨Ä{¶ÛÛ†,3ªˆ÷Ná¾£š1#ÉŽÂzˆÖ+AÉ¦7Á×Š ¼±ÏŠ¦z±t©ÞN×rq2Ðé1úœV&$—G–¡´hžcÕ3ªˆ÷Ná¾£š1#ÉŽÂz>èíI	ÁžìB]aÇi„1ÁJÒÓkºMˆyâÁ9[]Á•¦%m‹Çot0~’„N;ZÂ®:PŠ˜·3½=qF[“8ùEh”TêýÏ„˜Á0ª“´¬Úª³rZÒæ²m_px	º<W3Žâ½gÓ­3•µß/«HÍ#Š–â°‰
ÝÌø4h#$–ñRÄº¿yö€i*.¥€”ç;à®Teíª?«bËVÖ@åd•Ù[`%O±1=Í=~õý	Û·›)Q0‹›¸©{ã¤ÏýG„[?Dl‹ä!Áªžpqë"ÀàÞO›*êë‰„Hê±Nhãñ¹Ÿ³_Ž~¦s>èø=ã[control-group" id="toastTypeGroup">
                    <div class="controls">
                        <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>