YAMS pop-in

div.html

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  <script src="jquery.cookie.js"></script>
  <div id="other-yams">
	<div id="oy-close">X</div>
	<h3>Got the right YAMS?</h3>
	<div id="oy-text">This is the site for YAMS, a tool to make running your own Minecraft server as easy as possible.<br />
	Looking to play on the family friendly public Minecraft server "<a href="http://www.darrenstraight.com/minecraft.php" target="_blank">Yet Another Minecraft Server</a>"?</div>
  </div>
  <script type="text/javascript">
	$(document).ready(function() {
		if($.cookie("otheryams") !== "dismissed") {
			$("#other-yams").delay(4000).css({bottom:-91}).animate({bottom:0},{duration: 1500});
			$('#oy-close').click(function() {
				$("#other-yams").css({bottom:0}).animate({bottom:-91},{duration: 1000});
				$.cookie("otheryams", "dismissed", { expires: 90 });
			});
		}
	});
  </script>

jquery.cookie.js

/**
 * jQuery Cookie plugin - https://github.com/carhartl/jquery-cookie
 *
 * Copyright (c) 2010 Klaus Hartl, @carhartl
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 */
(function($) {
    $.cookie = function(key, value, options) {

        // key and at least value given, set cookie...
        if (arguments.length > 1 && (!/Object/.test(Object.prototype.toString.call(value)) || value === null || value === undefined)) {
            options = $.extend({}, options);

            if (value === null || value === undefined) {
                options.expires = -1;
            }

            if (typeof options.expires === 'number') {
                var days = options.expires, t = options.expires = new Date();
                t.setDate(t.getDate() + days);
            }

            value = String(value);

            return (document.cookie = [
                encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value),
                options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
                options.path    ? '; path=' + options.path : '',
                options.domain  ? '; domain=' + options.domain : '',
                options.secure  ? '; secure' : ''
            ].join(''));
        }

        // key and possibly options given, get cookie...
        options = value || {};
        var decode = options.raw ? function(s) { return s; } : decodeURIComponent;

        var pairs = document.cookie.split('; ');
        for (var i = 0, pair; pair = pairs[i] && pairs[i].split('='); i++) {
            if (decode(pair[0]) === key) return decode(pair[1] || ''); // IE saves cookies with empty string as "c; ", e.g. without "=" as opposed to EOMB, thus pair[1] may be undefined
        }
        return null;
    };
})(jQuery);

style.css

#other-yams { position: fixed; bottom: -91px; right: 0; background-color: #fff; border: 1px solid #ccc; height: 90px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px; }
    #other-yams h3 { -webkit-border-top-left-radius: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px; }
    #other-yams #oy-text { margin: 0 10px 10px 10px; }
    #other-yams #oy-close { float: right; padding: 7px; color: #fff; font-weight: bold; cursor: pointer; }