var AdTemplate = "AdTemplate.Default";
jQuery.template("AdTemplate.Default",
        '<div class="adheader">' +
         '<div id="wheelsAdContainer"  align="center">' +
        '<div class="adheader"> ' +
        '<div class="adheaderlogo" style="">' +
            '<div class="img"></div>' +
       ' </div></div>' +
       ' <div class="adContent">' +
        '<div id="message"><b>ADVERTISEMENT</b>  This advertisement will close in <span id="timer-text">15 secs</span></div>' +
       '<input id="closeAd" class="btn" type="button" value="close ad"/>' +
        '<div class="clr"></div>' +
       ' <div class="ad" align="center">' +
       '     <a href="${link}" target="target"><img height="${height}" src="${image}" /></a>' +
        '</div></div>');
jQuery.template("AdTemplate.Beeld",
 '<div id="beeldAdContainer" align="center">' +
        '<div class="adheader"> ' +
        '<div class="adheaderlogo" style="">' +
            '<div class="img"></div>' +
       ' </div></div>' +
       ' <div class="adContent">' +
        '<div id="message"><b>ADVERTISEMENT</b>  This advertisement will close in <span id="timer-text">15 secs</span></div>' +
       '<input id="closeAd" class="btn" type="button" value="close ad"/>' +
        '<div class="clr"></div>' +
       ' <div class="ad" align="center">' +
       '     <a href="${link}" target="target"><img height="${height}" src="${image}" /></a>' +
        '</div></div>');
jQuery.template("AdTemplate.Channel24",
 '<div id="channelAdContainer" align="center">' +
        '<div class="adheader"> ' +
        '<div class="adheaderlogo" style="">' +
            '<div class="img"></div>' +
       ' </div></div>' +
       ' <div class="adContent">' +
        '<div id="message"><b>ADVERTISEMENT</b>  This advertisement will close in <span id="timer-text">15 secs</span></div>' +
       '<input id="closeAd" class="btn" type="button" value="close ad"/>' +
        '<div class="clr"></div>' +
       ' <div class="ad" align="center">' +
       '     <a href="${link}" target="target"><img height="${height}" src="${image}" /></a>' +
        '</div></div>');
jQuery.template("AdTemplate.CityPress",
 '<div id="citypressAdContainer" align="center">' +
        '<div class="adheader"> ' +
        '<div class="adheaderlogo" style="">' +
            '<div class="img"></div>' +
       ' </div></div>' +
       ' <div class="adContent">' +
        '<div id="message"><b>ADVERTISEMENT</b>  This advertisement will close in <span id="timer-text">15 secs</span></div>' +
       '<input id="closeAd" class="btn" type="button" value="close ad"/>' +
        '<div class="clr"></div>' +
       ' <div class="ad" align="center">' +
       '     <a href="${link}" target="target"><img height="${height}" src="${image}" /></a>' +
        '</div></div>');
jQuery.template("AdTemplate.DieBurger",
 '<div id="dieburgerAdContainer" align="center">' +
        '<div class="adheader"> ' +
        '<div class="adheaderlogo" style="">' +
            '<div class="img"></div>' +
       ' </div></div>' +
       ' <div class="adContent">' +
        '<div id="message"><b>ADVERTISEMENT</b>  This advertisement will close in <span id="timer-text">15 secs</span></div>' +
       '<input id="closeAd" class="btn" type="button" value="close ad"/>' +
        '<div class="clr"></div>' +
       ' <div class="ad" align="center">' +
       '     <a href="${link}" target="target"><img height="${height}" src="${image}" /></a>' +
        '</div></div>');
jQuery.template("AdTemplate.Food24",
 '<div id="foodAdContainer" align="center">' +
        '<div class="adheader"> ' +
        '<div class="adheaderlogo" style="">' +
            '<div class="img"></div>' +
       ' </div></div>' +
       ' <div class="adContent">' +
        '<div id="message"><b>ADVERTISEMENT</b>  This advertisement will close in <span id="timer-text">15 secs</span></div>' +
       '<input id="closeAd" class="btn" type="button" value="close ad"/>' +
        '<div class="clr"></div>' +
       ' <div class="ad" align="center">' +
       '     <a href="${link}" target="target"><img height="${height}" src="${image}" /></a>' +
        '</div></div>');
jQuery.template("AdTemplate.Health24",
 '<div id="healthAdContainer" align="center">' +
        '<div class="adheader"> ' +
        '<div class="adheaderlogo" style="">' +
            '<div class="img"></div>' +
       ' </div></div>' +
       ' <div class="adContent">' +
        '<div id="message"><b>ADVERTISEMENT</b>  This advertisement will close in <span id="timer-text">15 secs</span></div>' +
       '<input id="closeAd" class="btn" type="button" value="close ad"/>' +
        '<div class="clr"></div>' +
       ' <div class="ad" align="center">' +
       '     <a href="${link}" target="target"><img height="${height}" src="${image}" /></a>' +
        '</div></div>');
jQuery.template("AdTemplate.News24",
 '<div id="newsAdContainer" align="center">' +
        '<div class="adheader"> ' +
        '<div class="adheaderlogo" style="">' +
            '<div class="img"></div>' +
       ' </div></div>' +
       ' <div class="adContent">' +
        '<div id="message"><b>ADVERTISEMENT</b>  This advertisement will close in <span id="timer-text">15 secs</span></div>' +
       '<input id="closeAd" class="btn" type="button" value="close ad"/>' +
        '<div class="clr"></div>' +
       ' <div class="ad" align="center">' +
       '     <a href="${link}" target="target"><img height="${height}" src="${image}" /></a>' +
        '</div></div>');
jQuery.template("AdTemplate.Nuus24",
 '<div id="nuusAdContainer" align="center">' +
        '<div class="adheader"> ' +
        '<div class="adheaderlogo" style="">' +
            '<div class="img"></div>' +
       ' </div></div>' +
       ' <div class="adContent">' +
        '<div id="message"><b>ADVERTISEMENT</b>  This advertisement will close in <span id="timer-text">15 secs</span></div>' +
       '<input id="closeAd" class="btn" type="button" value="close ad"/>' +
        '<div class="clr"></div>' +
       ' <div class="ad" align="center">' +
       '     <a href="${link}" target="target"><img height="${height}" src="${image}" /></a>' +
        '</div></div>');
jQuery.template("AdTemplate.Parent24",
 '<div id="parentAdContainer" align="center">' +
        '<div class="adheader"> ' +
        '<div class="adheaderlogo" style="">' +
            '<div class="img"></div>' +
       ' </div></div>' +
       ' <div class="adContent">' +
        '<div id="message"><b>ADVERTISEMENT</b>  This advertisement will close in <span id="timer-text">15 secs</span></div>' +
       '<input id="closeAd" class="btn" type="button" value="close ad"/>' +
        '<div class="clr"></div>' +
       ' <div class="ad" align="center">' +
       '     <a href="${link}" target="target"><img height="${height}" src="${image}" /></a>' +
        '</div></div>');
jQuery.template("AdTemplate.Rapport",
 '<div id="rapportAdContainer" align="center">' +
        '<div class="adheader"> ' +
        '<div class="adheaderlogo" style="">' +
            '<div class="img"></div>' +
       ' </div></div>' +
       ' <div class="adContent">' +
        '<div id="message"><b>ADVERTISEMENT</b>  This advertisement will close in <span id="timer-text">15 secs</span></div>' +
       '<input id="closeAd" class="btn" type="button" value="close ad"/>' +
        '<div class="clr"></div>' +
       ' <div class="ad" align="center">' +
       '     <a href="${link}" target="target"><img height="${height}" src="${image}" /></a>' +
        '</div></div>');
jQuery.template("AdTemplate.Sport24",
 '<div id="sportAdContainer" align="center">' +
        '<div class="adheader"> ' +
        '<div class="adheaderlogo" style="">' +
            '<div class="img"></div>' +
       ' </div></div>' +
       ' <div class="adContent">' +
        '<div id="message"><b>ADVERTISEMENT</b>  This advertisement will close in <span id="timer-text">15 secs</span></div>' +
       '<input id="closeAd" class="btn" type="button" value="close ad"/>' +
        '<div class="clr"></div>' +
       ' <div class="ad" align="center">' +
       '     <a href="${link}" target="target"><img height="${height}" src="${image}" /></a>' +
        '</div></div>');
jQuery.template("AdTemplate.Volksblad",
 '<div id="volksbladAdContainer" align="center">' +
        '<div class="adheader"> ' +
        '<div class="adheaderlogo" style="">' +
            '<div class="img"></div>' +
       ' </div></div>' +
       ' <div class="adContent">' +
        '<div id="message"><b>ADVERTISEMENT</b>  This advertisement will close in <span id="timer-text">15 secs</span></div>' +
       '<input id="closeAd" class="btn" type="button" value="close ad"/>' +
        '<div class="clr"></div>' +
       ' <div class="ad" align="center">' +
       '     <a href="${link}" target="target"><img height="${height}" src="${image}" /></a>' +
        '</div></div>');
jQuery.template("AdTemplate.Women24",
 '<div id="womenAdContainer" align="center">' +
        '<div class="adheader"> ' +
        '<div class="adheaderlogo" style="">' +
            '<div class="img"></div>' +
       ' </div></div>' +
       ' <div class="adContent">' +
        '<div id="message"><b>ADVERTISEMENT</b>  This advertisement will close in <span id="timer-text">15 secs</span></div>' +
       '<input id="closeAd" class="btn" type="button" value="close ad"/>' +
        '<div class="clr"></div>' +
       ' <div class="ad" align="center">' +
       '     <a href="${link}" target="target"><img height="${height}" src="${image}" /></a>' +
        '</div></div>');
jQuery.template("AdTemplate.Wheels24",
 '<div id="wheelsAdContainer" align="center">' +
        '<div class="adheader"> ' +
        '<div class="adheaderlogo" style="">' +
            '<div class="img"></div>' +
       ' </div></div>' +
       ' <div class="adContent">' +
        '<div id="message"><b>ADVERTISEMENT</b>  This advertisement will close in <span id="timer-text">15 secs</span></div>' +
       '<input id="closeAd" class="btn" type="button" value="close ad"/>' +
        '<div class="clr"></div>' +
       ' <div class="ad" align="center">' +
       '     <a href="${link}" target="target"><img height="${height}" src="${image}" /></a>' +
        '</div></div>');

var TransAd = {
    Load: function (imageURL, linkUrl, showtime, linkTarget, template) {
        jQuery('body').prepend('<div id="transAd" style="display: none;"></div>');
        jQuery("html").css("overflow", "hidden");
        jQuery("html").css("overflow-y", "hidden")
        jQuery("#transAd").show();

        var imgHeight = 600;

        if ((jQuery(window).height() - 204) < 600)
            imgHeight = (jQuery(window).height() - 204);

        var data = [{
            image: imageURL,
            link: linkUrl,
            target: linkTarget ? linkTarget : "_blank",
            height: imgHeight
        }];
        jQuery.tmpl("AdTemplate." + template, data).appendTo("#transAd");

        var userAgent = navigator.userAgent.toLowerCase();
        jQuery.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase());

        if (jQuery.browser.chrome) {
            jQuery(document).bind("scroll", function () {
                jQuery(document).scrollTop(0);
                jQuery(document).unbind("scroll");

            });
        }
        jQuery("#closeAd").click(function () {
            jQuery("#transAd").fadeOut();
            jQuery("html").css("overflow", "");
            jQuery("html").css("overflow-y", "")
            jQuery('#transAd').remove();
        });
        this.startCountDown(showtime, 1000);
    },
    CloseTransAd: function () {
    },
    startCountDown: function (i, p) {
        var pause = p;
        var countDownObj = document.getElementById("timer-text");
        if (countDownObj == null) {
            alert("div not found, check your id");
            return
        }
        countDownObj.count = function (i) {
            countDownObj.innerHTML = i + " secs";
            if (i == 0) {			
            	jQuery("#transAd").fadeOut();
            	jQuery("html").css("overflow", "");
            	jQuery("html").css("overflow-y", "")
            	jQuery('#transAd').remove();			
            	jQuery(document).unbind("scroll");	
                return;
            }
            setTimeout(function () {
                countDownObj.count(i - 1);
            }, pause)
        };
        countDownObj.count(i);
    }
}
function LoadTransAd(imageURL, linkUrl, showtime, linkTarget) {
    TransAd.Load(imageURL, linkUrl, showtime, linkTarget, AdTemplate)
}