/// <reference Name="MicrosoftAjax.js" />

Type.registerNamespace("ServerTransformed");

ServerTransformed.VideoContentModel = function(pageName)
{
    this._name = pageName;    
    switch(this._name)
    {
        case "Web_Innovations":
            this._fileName = "web_innovations";
            break;
        case "Meet IT 24-7":
            this._fileName = "meet_it_24_7";
            break;
        case "Toy Box":
            this._fileName = "toy_box";
            break;
        case "Security":
        case "Stability":
        case "Manageability":
        case "Customer":
        default:
            this._fileName = pageName.toLowerCase();
            break;
    }
    
    this._introVideoURL = ServerTransformed.Res.URL[this._fileName];
    this._exitVideoURL = ServerTransformed.Res.URL[this._fileName + "Reverse"];
    this._navigationItems = new Array();
    this._nextPage = "Home";
    this._currentAnimation = "Intro";
    this._currentVideo = ServerTransformed.Res.URL["rodeo"];
}

ServerTransformed.VideoContentModel.prototype =
{
    init: function() { this.set_pageURL("xaml/" + this._fileName + ".xaml"); },

    loadFonts: function() { this._raiseEvent("loadFonts"); },

    exit: function() { this._raiseEvent("exit"); },

    set_pageURL: function(value)
    {
        this._raiseEvent("loadPage", { url: value });
    },

    set_pageXAML: function(value)
    {
        this._pageXAML = value;
        this._raiseEvent("pageLoaded");
    },

    get_pageXAML: function() { return this._pageXAML; },

    get_animation: function() { return this._currentAnimation; },

    get_currentVideo: function() { return this._currentVideo; },
    set_currentVideo: function(value) { this._currentVideo = ServerTransformed.Res.URL[value]; },

    get_introVideo: function() { return this._introVideoURL; },

    get_exitVideo: function() { return this._exitVideoURL; },

    get_closeCommand: function() { return this._nextPage; },
    set_closeCommand: function(value) { this._nextPage = value; },

    add_loadFontsHandler: function(handler) { this.get_events().addHandler("loadFonts", handler); },
    remove_loadFontsHandler: function(handler) { this.get_events().removeHandler("loadFonts", handler); },

    add_loadPageHandler: function(handler) { this.get_events().addHandler("loadPage", handler); },
    remove_loadPageHandler: function(handler) { this.get_events().removeHandler("loadPage", handler); },

    add_exitHandler: function(handler) { this.get_events().addHandler("exit", handler); },
    remove_exitHandler: function(handler) { this.get_events().removeHandler("exit", handler); },

    add_pageLoadedHandler: function(handler) { this.get_events().addHandler("pageLoaded", handler); },
    remove_pageLoadedHandler: function(handler) { this.get_events().removeHandler("pageLoaded", handler); },

    add_pageUnloadHandler: function(handler) { this.get_events().addHandler("unloadPage", handler); },
    remove_pageUnloadHandler: function(handler) { this.get_events().removeHandler("unloadPage", handler); },

    add_fontsLoadedHandler: function(handler) { this.get_events().addHandler("fontsLoaded", handler); },
    remove_fontsLoadedHandler: function(handler) { this.get_events().removeHandler("fontsLoaded", handler); },

    set_fontsLoaded: function(value)
    {
        this._raiseEvent("fontsLoaded");
    },

    get_events: function()
    {
        if (!this._events)
        {
            this._events = new Sys.EventHandlerList();
        }
        return this._events;
    },

    _raiseEvent: function(eventName, eventArgs)
    {
        var handler = this.get_events().getHandler(eventName);

        if (handler)
        {
            if (!eventArgs) eventArgs = Sys.EventArgs.Empty;
            handler(this, eventArgs);
        }
    },

    _pageChanged: function(sender, eventArgs)
    {
        this._nextPage = eventArgs.name;
        this._currentAnimation = "Reverse";
        this._raiseEvent("unloadPage");
    },

    _buildNavItem: function(realName, fileName)
    {

        var name = realName;
        var filter = "Natural";
        naturalAnimationSet = this._buildAnimationSet(fileName, "_btn_Hover", "_btn_Default", "_btn_Default");
        animationSets = [naturalAnimationSet];
        animationSets["Natural"] = animationSets[0];
        var args = {};
        args.name = name;
        args.filter = filter;
        args.animationSets = animationSets;

        var model = new ServerTransformed.NavigationItemModel(args);
        var view = new ServerTransformed.NavigationItemView(this._xamlGetElementByID(fileName + "_btn"));
        var presenter = new ServerTransformed.NavigationItemPresenter(model, view);

        model.add_MouseClickHandler(Function.createDelegate(this, this._pageChanged));

        return model;
    },

    _buildAnimationSet: function(name, over, out, non)
    {
        var retVal = {};
        retVal.mouseOverAnimation = this._xamlGetElementByID(name + over);
        retVal.mouseOutAnimation = this._xamlGetElementByID(name + out);
        retVal.mouseNonHoverAnimation = this._xamlGetElementByID(name + non);
        return retVal;
    },

    _xamlGetElementByID: function(id)
    {
        return SLController.get_controller().content.FindName(id);
    },

    configureNavigationItems: function()
    {
        this._navigationItems[this._navigationItems.length] = this._buildNavItem("Back", "Back");
    },

    removeHandlersForExit: function()
    {
        Array.forEach(this._navigationItems, function(element) { element.exit(); }, this);
    },

    _buildTrackInfo: function(currentVideoTitle, verb)
    {
        var uri = "/ws2008/videos/product/";
        var title = "Product Videos: ";

        switch (currentVideoTitle.toLowerCase())
        {
            case "command":
                uri = uri + "command";
                title = title + "Command Line";
                break;
            case "crouching":
                uri = uri + "crouching";
                title = title + "Crouching Robot";
                break;
            case "exerciser":
                uri = uri + "exerciser";
                title = title + "Exerciser";
                break;
            case "imitator":
                uri = uri + "imitator";
                title = title + "Imitator";
                break;
            case "rodeo":
                uri = uri + "rodeo";
                title = title + "Rodeo";
                break;
        }

        uri = uri + "/" + verb.toLowerCase();
        title = title + " " + verb;
        return { "uri": uri, "title": title };
    },

    trackEvent: function(currentVideo, verb)
    {
        var aVideoURLParts = currentVideo.split("/");
        var aVideoTitleParts = aVideoURLParts[aVideoURLParts.length - 1].split(".");
        var info = this._buildTrackInfo(aVideoTitleParts[aVideoTitleParts.length - 2], verb);

        // VV
        // for web trends tracking
        var ext = "";
        if (verb == "Play")
        {
            ext = 'Video View';
        }

        dcsMultiTrack('DCS.dcsuri', info.uri, 'WT.ti', info.title, 'WT.cg_n', 'Product Videos', 'DCSext.ws2008', ext, 'WT.dl', '6');
    }
}

ServerTransformed.VideoContentModel.registerClass("ServerTransformed.VideoContentModel");