var applicationHome = Class.create({
    initialize: function() {
        if (globalVars.get("silverlightInstalled")) {
            new PeriodicalExecuter(function(pe) {
                if ($("SilverlightControlOverlay").IsLoaded) {
                    for (i = 1; i < globalVars.get("NumberOfVideos") + 1; i++) {
                        createSilverlightMiniVid("vid" + i);
                    }
                    pe.stop();
                }
            }, 0.5);
        } else {
            if (-1 != navigator.userAgent.indexOf("MSIE") && wmpPlayer.controls != undefined) {
                setLinkTargetToSelf("playBtnA-vid");
                $("silverlightControlHostOverlay").setStyle({ display: "none" });
                for (i = 1; i < globalVars.get("NumberOfVideos") + 1; i++) {
                    $("playBtnA-vid" + i).observe('click', this.showVidOverlay);
                    $("playBtnA-vid" + i).observe('mouseover', this.vidMouseOver);
                    $("playBtnA-vid" + i).observe('mouseout', this.vidMouseOut);
                }
            } else {
                for (i = 1; i < globalVars.get("NumberOfVideos") + 1; i++) {
                    $("playBtnA-vid" + i).observe('mouseover', this.vidMouseOver);
                    $("playBtnA-vid" + i).observe('mouseout', this.vidMouseOut);
                    $("playBtnA-vid" + i).observe('click', this.vidExtClick);
                }
            }
        }

    },
    showVidOverlay: function(event) {
        var element = event.element();
        this.vidId = element.id.split("-")[1];
        globalVars.get("createHtmlOverlay").show();
        $("overlayMoreLink").writeAttribute("href", globalVars.get(this.vidId + "MoreBtnTopic"));

        wmpPlayer.url = globalVars.get(this.vidId + "UrlWmp");
        wmpPlayer.controls.play();

        //wt
        for (i = 1; i < globalVars.get("NumberOfVideos") + 1; i++) {
            if (globalVars.get("vid" + i + "UrlWmp") == wmpPlayer.url) {
                globalVars.set("activeVidId", "vid" + i);
            }
        }
        new wtTrack(globalVars.get(globalVars.get("activeVidId") + "UrlWmp") + globalVars.get("wmpVideoUrlSuffix0"), globalVars.get("wmpVideoStartedWtTitlePrefix") + globalVars.get(globalVars.get("activeVidId") + "Title"), globalVars.get("WebtrendsChannel"), 7);
        atlasTrack(globalVars.get(globalVars.get("activeVidId") + "AtlasVidStarted"));
    },
    vidMouseOver: function(event) {
        var element = event.element();
        element.id.sub('wmp-vid', '');
        $("navi-" + element.id.sub('playBtnA-vid', '')).setStyle({ backgroundImage: "url(" + globalVars.get("globalRelativeUrl") + "_sub/img/navi" + globalVars.get("NumberOfVideos") + "/navi-" + element.id.sub('playBtnA-vid', '') + "-hvr2.jpg)" });
    },
    vidMouseOut: function(event) {
        globalVars.get("navi").setNavi();
    },
    vidExtClick: function(event) {
        var element = event.element();
        new wtTrack(globalVars.get(element.readAttribute("id").split("-")[1] + "UrlExt") + globalVars.get("extVideoUrlSuffix0"), globalVars.get("extVideoStartedWtTitlePrefix") + globalVars.get(element.readAttribute("id").split("-")[1] + "Title"), globalVars.get("WebtrendsChannel"), 7);
        atlasTrack(globalVars.get(element.readAttribute("id").split("-")[1] + "AtlasVidStarted"));
    }
});


Event.observe(window, 'load', function() {
    var applicationHomeCall = new applicationHome();
});