<head><script>

            function cancelNotification(){
                if($$('#greetings a').length>0) {
                    var notificationCookieName = jQuery($$('#greetings')[0]).data('cookie');
                } else {
                    return;

                }

                if(document.readCookie(notificationCookieName) != "yes"){
                    var div = new Element('div', { 'id': 'cancelNotification'});
                    div.setStyle({
                        background: "none repeat scroll 0 0 #444444",
                        border: "1px solid #000000",
                        position: "absolute",
                        opacity: "0.6",
                        top: "280px",
                        width: "303px",
                        left: "13px",
                        padding: "6px",
                        zIndex: "5",
                        boxShadow: "0 1px 1px #000",
                        borderRadius: "3px",
                        fontSize: "12px"
                    });
                    div.innerHTML = '<input type="checkbox" id="cancelNotificationCheckbox"><label for="cancelNotificationCheckbox" style="color:white;padding-left:3px;">Dismiss this banner.</label>';
                    div.observe('click',function(){
                        setTimeout(function(){
                            document.createCookie(notificationCookieName, 'yes', 30);
                            $('greetings').style.display = "none";
                        },300);
                    });
                    $$('#greetings img')[0].style.display = "block";
                    $('greetings').insert({ bottom: div});
                    $('greetings').style.display = "block";
                }
            }

            if($('greetings')){

                var b = $('greetings').getStyle('bottom');
                $(document.body).insert($('greetings'));
                $('greetings').mouseEnter(function(e){
                    e.shift({bottom:"38px", duration:0.5});
                }, function(e){
                    e.shift({bottom:b, duration:0.5});
                });
            }

             cancelNotification();

            // jQuery("#greetings").css("left", jQuery("#menu").offset().left-15);

            // jQuery(window).on("resize", function(){
            //     jQuery("#greetings").css("left", jQuery("#menu").offset().left-15);
            // })
            // console.log();
        </script>
</head>
<div class="no-transition" id="greetings" data-cookie="Kitchen" style="bottom: -220px; position: fixed; z-index: 20; display: block;"><a href="http://www.jotform.com/blog/87-What-s-Cooking-in-the-JotForm-Kitchen" target="_blank"><img src="http://www.jotform.com/images/banners/Jot-KitchenBanner.png" border="0" style="display: block;"></a><div id="cancelNotification" style="background-image: none; background-attachment: scroll; background-color: rgb(68, 68, 68); border: 1px solid rgb(0, 0, 0); position: absolute; opacity: 0.6; top: 280px; width: 303px; left: 13px; padding: 6px; z-index: 5; box-shadow: rgb(0, 0, 0) 0px 1px 1px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; font-size: 12px; background-position: 0px 0px; background-repeat: repeat repeat;"><input type="checkbox" id="cancelNotificationCheckbox"><label for="cancelNotificationCheckbox" style="color:white;padding-left:3px;">Dismiss this banner.</label></div></div>
<a href="http://www.jotform.com/blog/87-What-s-Cooking-in-the-JotForm-Kitchen" target="_blank"><img src="http://www.jotform.com/images/banners/Jot-KitchenBanner.png" border="0" style="display: block;"></a>
<img src="http://www.jotform.com/images/banners/Jot-KitchenBanner.png" border="0" style="display: block;">
</a>
<div id="cancelNotification" style="background-image: none; background-attachment: scroll; background-color: rgb(68, 68, 68); border: 1px solid rgb(0, 0, 0); position: absolute; opacity: 0.6; top: 280px; width: 303px; left: 13px; padding: 6px; z-index: 5; box-shadow: rgb(0, 0, 0) 0px 1px 1px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; font-size: 12px; background-position: 0px 0px; background-repeat: repeat repeat;"><input type="checkbox" id="cancelNotificationCheckbox"><label for="cancelNotificationCheckbox" style="color:white;padding-left:3px;">Dismiss this banner.</label></div>
</div>