Hover colour effect

Hover over the element and it randomly switches between several colours.

HTML

<div id="projectThumbs">
    <div class="project">
        <div class="intrinsic"
        ></div>
    </div>
</div>

CSS

.intrinsic {
    background-color: #eee;
    box-shadow: none;
    width: 200px;
    height:200px
}

JavaScript

var randomLinks = $('#projectThumbs .intrinsic');
var original = randomLinks.css('box-shadow');
var colors = ['#f9c213', '#f35c4a', '#3da1bf', '#827287'];

randomLinks.hover(function () { //mouseover
    var col2 = Math.floor(Math.random() * colors.length);
    var newcolor = '0 0 0 10px' + colors[col2];
    $(this).css('box-shadow', newcolor);
}, function () { //mouseout
    $(this).css('box-shadow', original);
});