// JScript File

function launchwin() {
  //  alert('launch');
    Ext.get("PopupTeaser").hide();
    Ext.get("Popup").show();
}

function closewin() {
//    alert('close');
    Ext.get("Popup").hide();
    Ext.get("PopupTeaser").show();
}

var Page = {

    item : 1,
    
    itemCount : 4,    
    holdTime: 10,
    transTime: 3,
    
    init : function() {

        document.body.onkeypress = function(e) {
            var keyCode = (window.event) ? event.keyCode : e.keyCode;
            var escCode = (window.event) ? 27 : e.DOM_VK_ESCAPE;
            if (keyCode = escCode) {
                closewin();
            }
        }

        this.nextImage = new Image();
        this.nextImage.onload = function() {
            Page.replaceImage();
        };
        
        /*
        var spotLink = Ext.get("SpotLink");
        
        var shadow1 = document.createElement("span");        
        var shadow2 = document.createElement("span");        
        var fg      = document.createElement("span");        
        
        shadow1.setAttribute("class", "Shadow Shadow1");
        shadow1.className = "Shadow Shadow1";
        shadow2.setAttribute("class", "Shadow Shadow2");
        shadow2.className = "Shadow Shadow2";
        fg.setAttribute("class", "Foreground");
        fg.className = "Foreground";

        shadow1.appendChild(document.createTextNode(spotLink.dom.innerHTML));
        shadow2.appendChild(document.createTextNode(spotLink.dom.innerHTML));
        fg.appendChild(document.createTextNode(spotLink.dom.innerHTML));
        
        spotLink.dom.removeChild(spotLink.dom.firstChild);

        spotLink.dom.appendChild(shadow1);      
        spotLink.dom.appendChild(shadow2);      
        spotLink.dom.appendChild(fg);   

//        spotLink.dom.insertBefore(shadow1, spotLink.dom.firstChild);
//        spotLink.dom.insertBefore(shadow2, spotLink.dom.firstChild);
        */
        
//        setTimeout("Page.loadImage()", this.holdTime * 1000);
    },
    
    loadImage : function() {    
        var background  = Ext.get("Background");
        var replacement = Ext.get("BackgroundReplacement");
        var image = replacement.getStyle("background-image");

        this.item = (this.item % this.itemCount) + 1;       

        if (image != "none") {
            background.setStyle("background-image", image);
        }
        this.nextImage.src = "Images/SpotClip" + this.item + ".jpg";
    },
    
    replaceImage : function() {
        var background  = Ext.get("Background");
        var replacement = Ext.get("BackgroundReplacement");
        replacement.hide();
        replacement.setStyle("background-image", "url(" + this.nextImage.src + ")");
        /*
        Effect.Appear("BackgroundReplacement", {
            duration: 3,
            afterFinish: function(){
                setTimeout("Page.loadImage()", 3000);
            }
        });
        */
        replacement.fadeIn({
            duration: this.transTime,
            callback: function(){
                setTimeout("Page.loadImage()", this.holdTime * 1000);
            }
        });
    },
    
    hoverState: function(id) {
        Ext.get("StatesMap").dom.src = "Images/StatesMap" + id + ".png";
    },
    
    unhoverState: function(id) {
        Ext.get("StatesMap").dom.src = "Images/StatesMap.png";
    }
    
}
Ext.EventManager.onDocumentReady(Page.init, Page, true);