//ContentLayer
/**********************************/
/* START: external contact layer */

var ContactLayer = Class.create();

ContactLayer.prototype = Object.extend(new Layer, {
    /*
     * @base        : AbstractLightboxLayer
     * @node        : layer div holding the hidden content
     * @trigger     : element that show triggers the layer
     * @idstring    : unique id of trigger rel attribute, so that multiple layers can be instantiated
     */
    initialize: function(node, trigger, navTo) {

        this.layerIdstring = "main-block-iframe";
        this.node = node;

        this.navTo = false;
        this.iframehref = this.getTriggerUrl(trigger.href);
        this.iframeidstring = "iframe-contact-id";
        this.iframeisloaded = false;
        this.iframeheight = 50;

        var iframe = document.createElement('iframe');
        iframe.setAttribute('id', this.iframeidstring);
        iframe.setAttribute('name', this.iframeidstring);
        iframe.setAttribute('src', "about:blank");
        iframe.setAttribute('height', this.iframeheight+'px');
        iframe.setAttribute('width', '100%');
        //use camel case here for frameBorder else IE will ignore this attribute
        iframe.setAttribute('frameBorder', '0');
        iframe.setAttribute('border', '0');
        iframe.setAttribute('marginwidth', '0');
        iframe.setAttribute('marginheight', '0');
        iframe.setAttribute('scrolling', 'no');
        iframe.setAttribute('bgColor', '#e7e8eb');
        iframe.setAttribute('unload', 'hideIt();');
        

        this.initSuper(node, trigger);


        var closeButton = Helper.getCloseButton(this.node);
        if(!closeButton) return;
        closeButton.observe("click", function(){this.close();}.bindAsEventListener(this));

        trigger.href="javascript:void(0);";

        //appending unique iframe to the layer div
        $(this.layerIdstring).appendChild(iframe);

        if(this.navTo) {
            this.toggle();
        }

    },
    getUrl: function(asName) {
        var lsURL = ((typeof(url) == 'undefined') || (url.length == 0)) ? window.location.href : url;
        loU = lsURL.split("?");
        if (loU.length>1){
            var loallPm = loU[1].split("&");
            for (var i=0; i<loallPm.length; i++){
                var loPm = loallPm[i].split("=");
                if (loPm[0]==asName){
                    if (loPm.length>1){
                        return loPm[1];
                    }
                }
            }
        }
        else{
            return null;
        }
    },
    setTriggerUrl: function(triggerHref) {
        this.iframehref = triggerHref;
        this.iframeisloaded = false;
    },
    getTriggerUrl: function(triggerHref) {
        var nav = this.getUrl('contact');
        if(nav != null) {
            this.navTo = true;
            return "/contact"+nav;
        } else {
            return triggerHref;
        }
    },
    afterClose: function(newLayer) {
        if (!Layer.toggle) {
            HeaderAnimation.augment();
        }
    },
    beforeClose: function() {
        HeaderAnimation.unregisterLayer();
        return true;
    },
    beforeOpen: function() {
        HeaderAnimation.registerLayer(this);
        if(!this.iframeisloaded) {
            this.iframeisloaded = false;
            this.addPreloader();
        }
        return true;
    },
    hide: function() {
        this.node.removeClassName("active-layer");
        this.trigger.up().removeClassName("active");
    },
    show: function() {
        this.node.addClassName("active-layer");
        this.trigger.up().addClassName("active");
        this.trigger.addClassName("clicked"); // avoids hover effect (only for the first time)
        this.trigger.observe("mouseout",
            function(e) {
                var elm = Event.findElement(e, "a");
                elm.removeClassName("clicked");
                elm.stopObserving("mouseout");
            }
        );
    },
    setOffset:function(offset) {
        this.node.style.top = offset + "px";
    },
    /*
     * Check if the real destination was loaded before.
     * If yes, then just correct the curtain else set the location to initiate iframe.
     */
    afterOpen: function() {
    	HeaderAnimation.diminish();
        if(!this.iframeisloaded) {
            this.setIFrameLocation();
            //this.iframeisloaded = true;
        }
    },
    /*
     * Switch the iframe.src attribute from "about:blank" to its real location
     */
    setIFrameLocation: function() {

        Event.observe($(this.iframeidstring),'load',function(e){this.rechunkIFrame(e);}.bindAsEventListener(this));

        $(this.iframeidstring).src = this.iframehref;
    },
    showIFrame: function() {
        this.removePreloader();
    },
    hideIFrame: function() {
        this.addPreloader();
    },
    addPreloader: function() {
        if(!$('lightbox-preloader')) {
            new Insertion.Before($(this.iframeidstring), "<div id='lightbox-preloader'>&nbsp;</div>");
        }
        $(this.iframeidstring).style.visibility = 'hidden';
    },
    removePreloader: function() {
        if($('lightbox-preloader')) {
            $('lightbox-preloader').remove();
        }
        $(this.iframeidstring).style.visibility = 'visible';
    },
    rechunkIFrame: function(loadevt) {

        var crossevt=(window.event)? event : loadevt
        var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
        if(iframeroot) {
        	var h = 50;
            if(iframeroot.contentWindow) {
                h = iframeroot.contentWindow.document.getElementById('toolbar-layer-contact').offsetHeight;
            } else if(iframeroot.contentDocument) {
                h = iframeroot.contentDocument.document.getElementById('toolbar-layer-contact').offsetHeight;
            } else {
                //NOTE: ('missing contentWindow or contentDocument. alternative by now not supported');
                return;
            }
            iframeroot.height = h;
            this.iframeheight = h;
            this.iframeisloaded = true;
        }
    }
});


/* END:*/

/********************************************************************/
/*  overwritten function of _resources/js/compiled/script.js (208)  */
/********************************************************************/
var IFRAME_CONTACT_REL_REGEX = /^ext-contact-layer-(.+)$/;
var IFRAME_CONTACT_LAYER = new Array();

function init_contentLayers() {
    if ($("toolbar-nav")) {
        $A($("toolbar-nav").getElementsByTagName("a")).each(
            function(trigger) {
                trigger = $(trigger);
                if (LINK_REL_REGEX.test(trigger.rel)) { // layer link
                    var id = trigger.rel.replace(LINK_REL_REGEX, "$1");
                    var node = $("toolbar-layer-" + id);
					var layer = false;
					if (id == "download"){
						//Managing Download Area
						layer = new EnergyApps.DownloadArea.Layer(node, trigger);
						layer.addListener("open", function (){
							//Namespace
							if (typeof applications == "undefined"){applications = {};}
							if (!(EnergyApps.App.DownloadArea instanceof EnergyApps.DownloadArea.Panel)){
								//First Instantiation
								EnergyApps.App.DownloadArea = new EnergyApps.DownloadArea.Panel({
									renderTo: "main-block-download"
								});
								EnergyApps.App.DownloadArea.start();
								}
						})
						//There are search parameter in url
						if (window.location.search.indexOf("dlsearch=1") != -1) {
							layer.toggle();
						}
					}else{
						layer = new ContentLayer(node, trigger);
					}
                    
                    var key = "toolbar-layer-" + id;
                    GLOBAL_LAYER_CONTROLLER[key] = layer;                   
                } else if(IFRAME_CONTACT_REL_REGEX.test(trigger.rel)) {
                    var id = trigger.rel.replace(IFRAME_CONTACT_REL_REGEX, "$1");
                    var node = $("toolbar-layer-" + id);
                    IFRAME_CONTACT_LAYER[id] = new ContactLayer(node,trigger);
                } else { // standard link, probably external
                    trigger.observe("click", function() {
                        HeaderAnimation.animate = false;
                        Layer.closeCurrent();
                        HeaderAnimation.animate = true;
                    }.bindAsEventListener(this));
                }
            }.bind(this)
        );
    }
}

function showContactIFrame() {
    var layer = IFRAME_CONTACT_LAYER["contact"];
    layer.showIFrame();
}
function hideContactIFrame() {
    var layer = IFRAME_CONTACT_LAYER["contact"];
    layer.hideIFrame();
}