Clippy Cookie

HTML

<link rel="stylesheet" href="http://www.smore.com/css/clippyjs.css">
<script src="https://raw.github.com/smore-inc/clippy.js/master/build/clippy.min.js"></script>
<div class="fc">
<h1>Clippy Cookie</h1>
    <h2>The best Cookie solution / Deterant</h2>
<p>Clippy to the rescue! Yeah thats right Clippy can help us get the permissions we need to store cookies... Because that's not annoying in the slightest right?</p>
    <p>If your like me and you don't really agree with forcing the end user to have to click something to get their permission to store cookies then help send this page around as this is what the web will end up being like if we don't get this law revoked.</p>
    <blockquote>"The web should be OPEN, full of concepts not requirements" - <em>Aaron Layton</em></blockquote>
    <p>There is currently 2 petitions (that I know of) that are trying to get enough votes for this to revoked, please help out and sign them</p>
    <p stlye="text-align:center;"><a href="http://nocookielaw.com/">No Cookie Law</a> - <a href="http://epetitions.direct.gov.uk/petitions/14640">HM Goverment ePetition</a></p>
    <div class="share">
        <div class="addthis_toolbox addthis_default_style ">
            <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
            <a class="addthis_button_tweet"></a>
            <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
        </div>
    </div>
    <div class="footer">
            By <a href="https://plus.google.com/108274743591623514492/?rel=author">Aaron Layton</a> - <a href="https://plus.google.com/108274743591623514492/?rel=author">Google</a> / <a href="https://twitter.com/#!/aaronlayton">Twitter</a>
        <div class="small">All credits for Clippy goto <a href="http://www.smore.com/clippy-js">Smore</a> for there excelent weekend project</div>
        </div>
</div>
<script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-9413471-1']);
     ...

CSS

body {
    color:#fff;
}
.fc {
    margin:0 auto;
    padding:25px;
    width:960px;
}
p, li {
    color:#fff;
}
.small { font-size:10px; }
a, a:visited {color:#4F81BD;}
blockquote{
    border-left:2px solid #4F81BD;
    margin: 20px 0;
    display: block;
    color: #8cc0ff;
    display: block;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: -1px;
    font-size: 28px;
    line-height: 28px;   
}

JavaScript

var am;
$(document).ready(function(){
    clippy.load('Clippy', function(agent) {
        // Do anything with the loaded agent
        agent.moveTo(($(window).innerWidth()/2),($(window).innerHeight()/2));
        agent.show();
        agent.moveTo(($(window).innerWidth()-144),($(window).innerHeight()-113));
        am = agent;
        playAnims();
        setInterval("playAnims()",10000);
    });
});

function playAnims(){
    am.play("CheckingSomething");
    am.play("GetAttention");
    am.speak("It looks like we need to store some cookies...");
}
\