/**
 * Intersticial banner
 * 
 * Usage:
 * var intersticialBanner = new IntersticialBanner({
 *      iframeSrc: '/public.html',  // use with useIframe
 *      timeout: 4000,    // -1 don't disappear
 *      useIframe: true   // embed a iframe
 * });
 *
 * var intersticialBanner = new IntersticialBanner({
 *      publiId: '200908...',
 *      content: '<strong>HTML content</strong>',  // HTML to innerHTML
 *      timeout: 4000,    // timeout (ms) to hide banner (4000ms., 4sec. by default)
 *      daysExpire: 1,     // days for waiting to expire the cookie (one day by default)
 *      noRender: true
 * });
 */

function IntersticialBanner(options) {
    this.element = null; // Container Div
        
    // FIX iframe compatibility
    this.rootDocument = window.top.document;
    this.rootElement  = options.rootElement || this.rootDocument.getElementsByTagName('body')[0];
    this.rootElement  = $(this.rootElement);
    
    this.publiId = options.publiId || null;
    this.timeout = options.timeout || 4000;
    this.content = options.content || '';
    
    // Days to expire cookie
    this.daysExpire = options.daysExpire || 1;
    
    this.useIframe = options.useIframe || false;
    this.iframeSrc = options.iframeSrc || false;
    this.noRender  = options.noRender || false;
    
    this.iframeHTML = '<ifr' + 'ame width="100%" height="100%" frameborder="0" src="#{src}" marginheight="0" marginwidth="0" scrolling="no"></iframe>';
    this.template = '<di' + 'v class="closeButton"><' +
        'a href="/" title="Saltar publicidad">Saltar publicidad</a></div><d' +
        'iv class="content">#{content}</div>';
            
    this.cookieName = options.cookieName || 'intersticial';
    
    if($.cookie(this.cookieName) == null) {
        this.buildHTML();
        
        if(!this.noRender) {
            this.render();
        }
    }
};

IntersticialBanner.prototype = {    
    
    buildHTML: function() {        
        //this.element = new Element('div');
        this.element = this.rootDocument.createElement('DIV');
        this.element = $(this.element);
        this.element.addClass('intersticial');
        // <style type="text/css" media="screen, projection">
        // @import url(/themes/lucidity/css/parts/intersticial.css);
        // </style>
        
        var $content = this.content;
        if(this.useIframe) {
            $content = this.iframeHTML.replace(/#\{src\}/, this.iframeSrc);
        }
        
        $content = this.template.replace(/#\{content\}/, $content);
        this.element.html($content);
        
        $('div.closeButton a', this.element).click( $.proxy(this, 'onClose') );
        if(this.publiId!=null) {
            $('div.content', this.element).click( $.proxy(this, 'gotoPubli') );
        }
    },
    
    render: function() {
        if($.browser.IE) {
            $(this.rootDocument).ready($.proxy(this, "_hideSelectElementBugIE", [true]));
        }
        
        try {
            var container = this.rootElement;            
            
            container.prepend( this.element );            
            
            if(this.timeout > 0) {
                window.setTimeout($.proxy(this, "close"), this.timeout);
            }
        } catch(e) {
            alert('#' + e.number + ' ' + e.message);
        }
        
        // Write cookie before display
        $.cookie(this.cookieName, '1', {expires: this.daysExpire, path: '/'});
    },
    
    onClose: function(event) {
        event.stopPropagation(); // stop event
        event.preventDefault();
        
        this.close();
    },    
    
    close: function() {
        // Set cookie
        
        this._hideSelectElementBugIE(false);
        
        //$(this.element).css({display: 'none'});
        $(this.element).fadeOut();
    },
    
    gotoPubli: function(event) {
        event.stopPropagation(); // stop event
        event.preventDefault();
        
        //location.href = '/advertisement.php?action=show&publi_id=' + this.publiId;
        window.open('/controllers/advertisement.php?action=show&publi_id=' + this.publiId, '_blank');
        this.close();
    },
    
    show: function() {
        this._hideSelectElementBugIE(true);
        $(this.element).css({display: ''});
    },
    
    _hideSelectElementBugIE: function(hide) {
        if($.browser.msie) {
            var selects = this.rootDocument.getElementsByTagName('select');
            for(var i=0; i<selects.length; i++) {
                if(hide) {                    
                    selects[i].style.display = 'none';
                } else {
                    selects[i].style.display = '';
                }
            }
        }
    }
};