/// <reference path="/Telerik.UI/js/ui.js" />
/// <reference path="//Microsoft.WinJS.1.0/js/ui.js" />  
/// <reference path="//Microsoft.WinJS.1.0/js/base.js" /> 
(function () {
    "use strict";

    WinJS.UI.Pages.define("pages/tokenInput/tokenInput.html", {
        ready: function (element, options) {
        },

        unload: function () {
        },

        updateLayout: function (element, viewState, lastViewState) {
        }
    });
    WinJS.Namespace.define("TokenInput.FirstLook", {
        peopleData: [{
            CustomerID: 10,
            CustomerName: "Marianne Pearl",
            CustomerEmail: "m.pearl@company.com"
        }, {
            CustomerID: 11,
            CustomerName: "Caitlyn Roing",
            CustomerEmail: "cat.roing@myau.org"
        }, {
            CustomerID: 12,
            CustomerName: "George Patterson",
            CustomerEmail: "george.patterson@mycompany.com"
        }, {
            CustomerID: 13,
            CustomerName: "John McKenna",
            CustomerEmail: "mckenna@scottish.net"
        }, {
            CustomerID: 14,
            CustomerName: "Phil Taylor",
            CustomerEmail: "phil.taylor@mycompany.com"
        }],
        itemTemplate: WinJS.Utilities.markSupportedForProcessing(function (data) {
            return '<div class="tokenItemTemplate"><img src="/pages/tokenInput/images/Image' + data.CustomerID + '.png" height="100" alt="' + data.CustomerID + '" /><h4>' + data.CustomerName + '</h4><h5>' + data.CustomerEmail + '</h5></div>';
        }),
        tagTemplate: WinJS.Utilities.markSupportedForProcessing(function (data) {
            return '<span class="tokenTagTemplate"><img src="/pages/tokenInput/images/Image' + data.CustomerID + '.png" height="75" alt="' + data.CustomerID + '" /><span>' + data.CustomerName + '</span></span>';
        }),
    });

})();
