SPLASH

<!--
imagem 1 320x480
imagem 2 768x1024
imagem 3 1024x768
imagem 4 480x320

-->

<img src="%%VIEW_URL_UNESC%%" width="1" height="1" style="display:none"/>

<script type="text/javascript">

var dfp_interstitial_close_helper = function (el) {
                var element = document.getElementById(el);
                if (element != null) {
                        element.style.display = 'none';
        };
};


var dfp_interstitial_close_counter = (function () {
        var count=10;
        var counter=setInterval(timer, 1000);
        function timer(){
          count=count-1;
          if (count <= 0)
          {
                 clearInterval(counter);
                dfp_interstitial_close_helper("interstitial")

                 return;
          }

              //  var el = document.getElementById("timer");
              //  if (el != null) {
                              //  el.innerHTML= 'Este anúncio fecha em '+count+' segundos';
              //  };


        }

})();


</script>

<style type="text/css">

/* http://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile
@media (min-width:320px) { smartphones, iPhone, portrait 480x320 phones  }
@media (min-width:481px) {  portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide.  }
@media (min-width:641px) {  portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones  }
@media (min-width:961px) { tablet, landscape iPad, lo-res laptops ands desktops  }
@media (min-width:1025px) {  big landscape tablets, laptops, and desktops  }
@media (min-width:1281px) { hi-res laptops and desktops }

*/



#timer {
 position:fixed;
 width:100%;
 background-color: #000;
 color: #fff;
 font-family: verdana, arial, sans-serf;
 font-size: 95%;
 text-align:center;
 padding: 5px 0px;
 z-index: 10001;

}
.dfp_interstitial_close {
        position:fixed;
        top: 40px;
        right:10px;
            z-index: 9999999999999999;
        cursor: pointer;
}





#ad-portrait {
        display:block;
        background-size: 100% auto;
        }


#ad-portrait_container{
        cursor:pointer;
        width: 100%;
        height: 100%;
        z-index:99999999999;
        position:fixed;
        top: 0px;
        left:0px

        }

#ad-landscape {
        display:block;
        background-size: 100% auto;
        }

#ad-landscape_container {
        cursor:pointer;
        width: 100%;
        height: 100%;
        z-index:99999999999;
        position:fixed;
        top: 0px;
        left:0px

        }



/* TABLETS -> Interstitial: 768x1024 (portrait), 1024x768 (landscape)*/



@media screen and (min-width:641px) and (orientation:portrait) {
        #ad-portrait_container{
                background: black url(%%FILE:JPG2%%) no-repeat center center;
        }
        #ad-landscape {
                display:none;
                background-size: 100% auto;
                }


}


@media screen and (min-height: 767px) and  (orientation:landscape) {
        #ad-portrait {
                display:none;
                }

        #ad-landscape_container {
                background: black url(%%FILE:JPG3%%) no-repeat center center;

                }
}





/* SMARTPHONES -> Interstitial: 320x480 (portrait), 480x320 (landscape)*/


@media screen and (max-width: 640px) and (orientation:portrait) {
        #ad-portrait_container{
                background: black url(%%FILE:JPG1%%) no-repeat center center;
        }
        #ad-landscape {
                display:none;
                background-size: 100% auto;
                }

}

@media screen and (max-height: 736px) and (orientation:landscape) {
        #ad-portrait {
                display:none;
                }

        #ad-landscape_container {
                background: black url(%%FILE:JPG4%%) no-repeat center center;
                }
}



</style>

<div id="interstitial">
    <div id="ad-portrait">
        <div id="ad-portrait_container" onclick="window.open('%%CLICK_URL_ESC%%%%DEST_URL%%')"></div>
        <div class="dfp_interstitial_close" onclick="document.getElementById('ad-portrait').style.display = 'none';">
            <img src="http://newsl.iol.pt/pub/mobile/intro/cr.png" width="30" height="30">
        </div>
    </div>
    <div id="ad-landscape">
        <div id="ad-landscape_container" onclick="window.open('%%CLICK_URL_ESC%%%%DEST_URL%%')"></div>
        <div class="dfp_interstitial_close" onclick="document.getElementById('ad-landscape').style.display = 'none'; ">
            <img src="http://newsl.iol.pt/pub/mobile/intro/cr.png" width="30" height="30">
        </div>
    </div>
</div>