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

Type.registerNamespace("ServerTransformed");

ServerTransformed.ToyBoxModel = 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._tabName = "";
    this._currentTabContent = "";
    this._initializedTabs = new Array();
}

ServerTransformed.ToyBoxModel.prototype = 
{
    init: function() 
    {
        this.set_pageURL("xaml/" + this._fileName + ".xaml"); 
        this._tabNameChangedDelegate = Function.createDelegate(this, this._tabNameChanged);
        
        this.add_tabChangedHandler(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");
    },
    
    get_currentTabContent: function() { return this._currentTabContent; },
    set_currentTabContent: function(value)
    {
        this._tabItems = new Array();
        for(var i = 0; i < value.childNodes.length; i++)
        {
            var currentXAMLNode = this._xamlGetElementByID(value.childNodes[i].id);
            var currentIndex = this._tabItems.length;
            this._tabItems[currentIndex] = {};
            this._tabItems[currentIndex].ID = value.childNodes[i].id;
            this._tabItems[currentIndex].Links = new Array();
            for (var j = 0; j < value.childNodes[i].childNodes.length; j++)
            {
                var currentLink = "";
                if(value.childNodes[i].childNodes[j].nodeName == "IMG")
                {
                    this._xamlGetElementByID(value.childNodes[i].id + "_Thumbnail_Image").Source = 
                        value.childNodes[i].childNodes[j].src;
                    continue;
                }
                else if (value.childNodes[i].childNodes.length == 2)
                {
                    currentLink = this._xamlGetElementByID(value.childNodes[i].id + "_Download");
                }
                else
                {
                    currentLink = this._xamlGetElementByID(value.childNodes[i].id + "_Link" + j);
                }
                
                var text = value.childNodes[i].childNodes[j].innerHTML;
                var url = value.childNodes[i].childNodes[j].href;
                this._tabItems[currentIndex].Links[this._tabItems[currentIndex].Links.length] = {name:text, value:url};
                currentLink.Text = text;
                
                
                if(!Array.contains(this._initializedTabs, value.id))
                {
                    var delegate = Function.createDelegate(this, this._findURL);
                    currentLink.addEventListener("MouseLeftButtonUp", delegate);
                }
            }          
        }
        this._currentTabContent = value.id;
        if(!Array.contains(this._initializedTabs, value.id))
            this._initializedTabs[this._initializedTabs.length] = value.id;
        this._raiseEvent("tabContentChanged", Sys.EventArgs.Empty);
    },
    
    _findURL: function(sender, eventArgs)
    {
        //this is an ugly hack. I need to send the number or name in some other way
        var nameSplit = sender.name.split('_');
        // this reads:
        // get the integer that I know by convention is located in the second to last element in this array
        // then, because arrays are zero based, subtract one from that number.
        var itemNumber = nameSplit[nameSplit.length - 2] - 1;
        var currentSection = this._tabItems[itemNumber];
        for(var i = 0; i < currentSection.Links.length; i++)
        {
            if(currentSection.Links[i].name != sender.Text)
            {
                continue;
            }
            
            var uri = "/ws2008/toybox/" + this._tabName.toLowerCase().replace(' ', '').replace('_', '') + '/download';
            var title = "Toy Box: " + this._tabName.replace('_', ' ') + ' Download';
            dcsMultiTrack('DCS.dcsuri',uri,'WT.ti',title,'WT.cg_n','Toy Box','DCSext.ws2008','','WT.dl','6');
            
            // VV
            // added 3/5/2008 for downloading screensavers
            var URLstring = currentSection.Links[i].value;
                  
            //if screen saver, open download dialog   
            if((URLstring.search(/.exe/ig)) != -1){
                
                //if firefox
                if(Sys.Browser.name.indexOf("Firefox") >= 0){
                    window.open(currentSection.Links[i].value);    
                }
                else{
                    window.navigate(currentSection.Links[i].value);
                }
            }
            
            //if other download, open new window
            else{            
                window.open(currentSection.Links[i].value);
            }
            
            //window.open(currentSection.Links[i].value);
            
            
            break;
        }
    },
    
    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; },
    
    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_tabChangedHandler: function(handler) { this.get_events().addHandler("tabNameChanged", handler); },
    remove_tabChangedHandler: function(handler) { this.get_events().removeHandler("tabNameChanged", handler); },
    
    add_contentChangedHandler: function(handler) { this.get_events().addHandler("tabContentChanged", handler); },
    remove_contentChangedHandler: function(handler) { this.get_events().removeHandler("tabContentChanged", 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_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 = "toyBox";
            this._raiseEvent("tabNameChanged", 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);
        
        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._navigationItems["Wallpapers"] = this._buildNavItem("Wallpapers", "Wallpapers");
        this._navigationItems[this._navigationItems.length] = this._navigationItems["Screen_Savers"] = this._buildNavItem("Screen_Savers", "Screen_Savers");
        this._navigationItems[this._navigationItems.length] = this._navigationItems["Buddy_Icons"] = this._buildNavItem("Buddy_Icons", "Buddy_Icons");
        this._navigationItems[this._navigationItems.length] = this._navigationItems["Back"] = this._buildNavItem("Back", "Back");
        this._navigationItems["Wallpapers"].set_enabled(false);
    },
    
    removeHandlersForExit: function()
    {
        Array.forEach(this._navigationItems, function(element){element.exit();}, this);
    },
    
    _tabNameChanged: function(sender, eventArgs)
    {
        this.trackEvent();
        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);
    },
    
    trackEvent: function()
    {
        var uri = "/ws2008/toybox/" + this._tabName.toLowerCase().replace(' ', '').replace('_', '');
        var title = "Toy Box: " + this._tabName.replace('_', ' ');
        dcsMultiTrack('DCS.dcsuri',uri,'WT.ti',title,'WT.cg_n','Toy Box','DCSext.ws2008','','WT.dl','6');
    }
}

ServerTransformed.ToyBoxModel.registerClass("ServerTransformed.ToyBoxModel");