EU cookie notification script

HTML

<link rel="stylesheet" href="http://dl.dropbox.com/u/4341164/_Demos/cookie-plugin.css">
<script src="http://dl.dropbox.com/u/4341164/_Demos/cookie-plugin.js"></script>
<script src="http://dl.dropbox.com/u/4341164/_Demos/cookie.js"></script>
<div id="cookiePlugin" class="bottom">
    <div class="slip">
        <p class="cp-intro">This website uses cookies.</p>
        <a href="#" class="cp-hide" title="Hide this message">Hide Message</a>
        <a href="#" class="cp-info" title="Read more about cookies">What are cookies?</a>
    </div><!-- .slip -->
</div>

CSS

#cookiePlugin {
    width:100%;
    height:40px;
    display:none;
        border-bottom:2px solid #fff;
    position:fixed;
    left:0;
    z-index:9;
    font-size:12px;
    color:#fff;
    background:#63B1FF;
    -moz-box-shadow:1px 1px 2px #666;
    -webkit-box-shadow:1px 1px 2px #666;
    box-shadow:1px 1px 2px #666;
}
#cookiePlugin.top {
    top:0;
}
#cookiePlugin.bottom {
    bottom:0;
}

#cookiePlugin .slip {
    width:510px;
    padding:10px 0;
    margin:0 auto;
    position:relative;
}
#cookiePlugin a {
    float:left;
    font-weight:bold;
    color:#fff;
}
#cookiePlugin a:hover {
    text-decoration:none;
}

#cookiePlugin .cp-intro {
    padding-right:5px;
    float:left;
}
#cookiePlugin .cp-hide {
    float:right;
}
#cookiePlugin .cp-info {
    float:left;
}

JavaScript

// remember to re-enable $.cookie functions to remember visible state

$(document).ready(function() {
    function cookiePlugin() {
        /*if($.cookie("visibleState") == "hidden") {
            $('body').addClass('hideCookieBar');
            $("#cookiePlugin").hide();
        }*/
        
        var cp = $('#cookiePlugin');
        var cpHeight = $(cp).outerHeight(true);
        var cpHeight = parseInt(cpHeight);
        
        if(!$('body').hasClass('hideCookieBar')) {
            $('#cookiePlugin').slideDown('slow');
            
            if($('#cookiePlugin').hasClass('top')) {
                $('body').addClass('cookieTop');
                $('body').animate({paddingTop: cpHeight}, 'slow');    
                
                $('.cp-hide').click(function() {
                    // add cookie
                    //$.cookie("visibleState", "hidden");
                    // hide bar
                    $('#cookiePlugin .slip').fadeOut(function() {
                        $('#cookiePlugin').slideUp();
                        $('body').animate({paddingTop: 0});
                    });
                    return false;
                });
            
            } else {
                if($('#cookiePlugin').hasClass('bottom')) {
                    $('body').addClass('cookieBottom');
                    $('body').animate({paddingBottom: cpHeight}, 'slow');    
                    
                    $('.cp-hide').click(function() {
                        // add cookie
                        //$.cookie("visibleState", "hidden");
                        // hide bar
                        $('#cookiePlugin .slip').fadeOut(function() {
                            $('#cookiePlugin').slideUp();
                            $('body').animate({paddingBottom: 0});
                        });
                        return false;
                    });
                } // if
            } // else
                    
            // If user navigates site,...