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

Type.registerNamespace("ServerTransformed");

ServerTransformed.TabContentModel = 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 = ""; //args.videoURL;
    this._tabName = ""; //args.name;
    this._tabStoryText = ""; //args.storyText;
    this._tabFullStoryLink = ""; //args.caseStudyURL;
}

ServerTransformed.TabContentModel.prototype = 
{
    init: function()
    { 
        this.set_pageURL("xaml/" + this._fileName + ".xaml");
        this._tabNameChangedDelegate = Function.createDelegate(this, this._tabNameChanged);
        
        this.add_tabNameChangedHandler(this._tabNameChangedDelegate);
    },
    
    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");
    },
    
    set_pageTab: function(value)
    {
        this._raiseEvent("loadTab", {tabName:value});
    },
    
    get_pageXAML: function() { return this._pageXAML; },
    
    get_animation: function() { return this._currentAnimation; },
    
    get_currentName: function() { return this._tabName; },
    set_currentName: function(value) { this._tabName = value; this._raiseEvent("tabNameChanged", Sys.EventArgs.Empty); },
    
    get_currentVideo: function() { return this._currentVideo; },
    set_currentVideo: function(value) { this._currentVideo = value; this._raiseEvent("tabVideoChanged", Sys.EventArgs.Empty); },
    
    get_currentStoryText: function() { return this._tabStoryText; },
    set_currentStoryText: function(value) { this._tabStoryText = value; this._raiseEvent("tabStoryTextChanged", Sys.EventArgs.Empty); },
    
    get_currentStoryFullLink: function() { return this._tabFullStoryLink; },
    set_currentStoryFullLink: function(value) { this._tabFullStoryLink = value; this._raiseEvent("tabStoryLinkChanged", Sys.EventArgs.Empty); },
    
    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_tabNameChangedHandler: function(handler) { this.get_events().addHandler("tabNameChanged", handler); },
    remove_tabNameChangedHandler: function(handler) { this.get_events().removeHandler("tabNameChanged", handler); },
    
    add_tabVideoChangedHandler: function(handler) { this.get_events().addHandler("tabVideoChanged", handler); },
    remove_tabVideoChangedHandler: function(handler) { this.get_events().removeHandler("tabVideoChanged", handler); },
    
    add_tabStoryTextChangedHandler: function(handler) { this.get_events().addHandler("tabStoryTextChanged", handler); },
    remove_tabStoryTextChangedHandler: function(handler) { this.get_events().removeHandler("tabStoryTextChanged", handler); },
    
    add_tabStoryLinkChangedHandler: function(handler) { this.get_events().addHandler("tabStoryLinkChanged", handler); },
    remove_tabStoryLinkChangedHandler: function(handler) { this.get_events().removeHandler("tabStoryLinkChanged", handler); },    
    
    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_tabChangeHandler: function(handler) { this.get_events().addHandler("loadTab", handler); },
    remove_tabChangeHandler: function(handler) { this.get_events().removeHandler("loadTab", 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;
        
        if (this._nextPage == "Back")
        {
            this._currentAnimation = "Reverse";
            this._raiseEvent("unloadPage");
            return;
        }
        else
        {
            eventArgs.tabType = "caseStudies";
            this._raiseEvent("loadTab", eventArgs);
        }
    },
    
    _buildNavItem: function(realName, fileName)
    {
        
        var name = realName;
        var filter = "Natural";
        naturalAnimationSet = this._buildAnimationSet(fileName, "_btn_Hover", "_btn_Default", "_btn_Hot");
        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);
        
        if(realName == "Read_Study")
        {
            this._readStudyHandler = Function.createDelegate(this, this._readStudy);
            model.add_MouseClickHandler(this._readStudyHandler);
        }
        else
            model.add_MouseClickHandler(Function.createDelegate(this, this._pageChanged));
        
        return model;
    },
    
    _readStudy: function(sender, eventArgs)
    {
        this.trackEvent(this.get_currentVideo(), "Case Study");
        window.open(this._tabFullStoryLink);
    },
    
    _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._navigationItems["Carsem"] = this._buildNavItem("Carsem", "Carsem");
        this._navigationItems[this._navigationItems.length] = this._navigationItems["Starbucks"] = this._buildNavItem("Starbucks", "Starbucks");
        this._navigationItems[this._navigationItems.length] = this._navigationItems["Continental"] = this._buildNavItem("Continental", "Continental");
        this._navigationItems[this._navigationItems.length] = this._navigationItems["Dell"] = this._buildNavItem("Dell", "Dell");
        this._navigationItems[this._navigationItems.length] = this._navigationItems["Back"] = this._buildNavItem("Back", "Back");
        this._navigationItems[this._navigationItems.length] = this._navigationItems["Read_Study"] = this._buildNavItem("Read_Study", "Read_Study");
        this._navigationItems["Carsem"].set_enabled(false);
    },
    
    removeHandlersForExit: function()
    {
        Array.forEach(this._navigationItems, function(element){element.exit();}, this);
    },
    
    _tabNameChanged: function(sender, eventArgs)
    {
        Array.forEach(this._navigationItems, 
            function(element, i, array) 
            { 
                if(this._tabName == element.get_properties().name)
                    element.set_enabled(false);
                else
                    element.set_enabled(true); 
            }, this);
    },
    
    _tabStoryLinkChanged: function(sender, eventArgs)
    {
        this._navigationItems["Read_Study"].remove_MouseClickHandler(this._readStudyHandler);
        this._readStudyHandler = Function.createDelegate(this, function(sender, eventArgs){window.open(this._tabFullStoryLink);});
        this._navigationItems["Read_Study"].add_MouseClickHandler(this._readStudyHandler);        
    },
    
    _buildTrackInfo: function(currentVideoTitle, verb)
    {
        var uri = "/ws2008/videos/customer/";
        var title = "Customer Videos: ";
        
        switch (this._tabName.toLowerCase())
        {
            case "continental":
                uri = uri + "continental";
                title = title + "Continental";
                break;
            case "dell":
                uri = uri + "dell";
                title = title + "Dell";
                break;
            case "starbucks":
                uri = uri + "starbucks";
                title = title + "Starbucks";
                break;
            case "carsem":
                uri = uri + "carsem";
                title = title + "Carsem";
                break;
        }
        
        uri = uri + "/" + verb.toLowerCase();
        title = title + " " + (verb=="read" ? "Case Study" : 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);
        var DCSext = '';
        if(verb == 'Play')
            DCSext = "Video View";
        dcsMultiTrack('DCS.dcsuri',info.uri,'WT.ti',info.title,'WT.cg_n','Customer Videos','DCSext.ws2008',DCSext,'WT.dl','6');
    }
}

ServerTransformed.TabContentModel.registerClass("ServerTransformed.TabContentModel");