$(document).ready(function () {
    var ad = $('.blockAd');
    var link = $('.blockAdNav a', ad);

    function deploy() {
        ad.animate({'left':0}, 'slow', function () {
            link.removeClass('open').addClass('close');
        });
    }

    function mask() {
        ad.animate({'left': '-'+$('.blockAdContent', ad).width()+'px'}, 'slow', function () {
            link.removeClass('close').addClass('open');
        });
    }

    link.click(function () {

        if (ad.is(':animated')) return false;

        if (ad.css('left') == '0px') {
            mask();
        } else {
            deploy();
        }

        return false;
    });

    ad.css('left', '-'+$('.blockAdContent', ad).width()+'px');
    ad.show();
    window.setTimeout(deploy, 1500);

});