$(document).ready(function(){
    $('a[rel="videobox"]')
    .mouseleave(function() {
        $('.play-button').removeClass('on');
    })
    .children('img')
        .mouseenter(function(e) {
            $button = $(this).parent().prev();
            $button.addClass('on');
         })
        .parent().before('<a class="play-button" />');        
    $('.play-button')
    .mouseenter(function(){
        $(this).addClass('on');
    })
    .click(function(){
        $(this).next('a').click();
        $(this).removeClass('on');
    });
});