/// <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["command"];
}

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;
        }
        
        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");