﻿
(function($) {

    $.fn.TransitionAd = function(options) {



        $(this)
        .addClass('transitionAd')
        .hide()
        .wrapInner("<div class=\"floatvert\"><div class=\"in1\"><div class=\"in2\"><div class=\"in3\"></div></div></div></div>")
        .prependTo("body")
        .show();

        $('form').css({
            height: "1px",
            overflow: "hidden",
            visibility: "hidden"
        });

        $(".floatvert", this).prepend("<div class=\"adheader\"><div class=\"closead\" title=\"close\"></div></div><div class=\"label\">Advertisement</div>");
        if (options && options.timeout) {

            $$($(".label", this)).timeoutCounter = options.timeout;
            var o = this;
            var timeoutinterval = setInterval(function() {
                var count = --$$($(".label"), o).timeoutCounter;
                $(".label", o).text('Advertisement will close in ' + count + (count > 1 ? ' seconds.' : ' second.'));
                if (count == 1) clearInterval(timeoutinterval);
            }, 1000);
        }
        /* Override click event for ad button */
        var CloseAd = function() {
            $(this).parents('.advertisement').hide();

            $('form').css({
                height: "auto",
                overflow: "auto",
                visibility: "visible"
            });

        }

        $('.closead', this).click(CloseAd);

        if (options && options.timeout)
            setTimeout(function() { $('.closead').click() }, options.timeout * 1000);

        $.cookie("SeenTransitionalAd", 1, { expires: 0 });

    };

})(jQuery);
