define(['jquery', 'underscore', 'backbone', 'text!modules/home/homeViewTemplate.html',
    'modules/base/baseView', 'classes/profile', 'classes/debug', 'jQueryPlugins'],
        function ($, _, Backbone, homeViewTemplate, BaseView, Profile, Debug) {

            var HomeView = BaseView.extend({
                //initialize template
                template: _.template(homeViewTemplate),
                initialize: function () {
                    var self = this;
                    this.id = "HomeView";
                    HomeView.__super__.initialize.call(this);
                    if (Profile.data.picture === null)
                    {
                        Profile.setPictureEvent = this.changePicture;
                    }
                },
                changePicture: function (val) {
                    var item = $('.itemMenuHomeMetro a[href="#settingsView"]');
                    if (item.length > 0)
                    {
                        $('.profileClass').removeClass("profileClass");
                        item.css('background', 'url(' + val + ') 50% 50% no-repeat');
                    }
                },
                events: {
                    //"click #goFbGroup": "goFbGroup"
                },
                //goFbGroup: function () {
                //    window.localStorage.setItem("goFbGroup", 1);
                //    window.location.href = "https://www.facebook.com/groups/732844273469518/";
                //},
                freeWall: null,
                onShowed: function ()
                {
                    var self = this;

                    var size = $('.itemMenuHomeMetro').first().css("width").replace("px", "");
                    if (parseInt(size) === 0)
                    {
                        size = $('.itemMenuHomeMetro').first().attr("lastSize");
                    }                   
                    
                    $('.itemMenuHomeMetro').first().attr("lastSize", size);
                    if (this.freeWall === null) {
                        this.freeWall = new freewall("#menuHomeMetro");
                    }
                    this.freeWall.reset({
                        selector: '.itemMenuHomeMetro',
                        animate: true,
                        cellW: size,
                        cellH: size,
                        onResize: function () {
                            this.refresh();
                            Debug.writeMessage("onResize");
                        }
                    });
                    this.freeWall.fitWidth();
                    
                    if (Profile.data.picture !== null)
                    {
                        this.changePicture(Profile.data.picture);
                    }

                    Debug.writeMessage(myManifest.Agent.ua);
                    //if (window.localStorage.getItem("goFbGroup") !== "1")
                    //    this.$el.find("#nuovoGruppo").popup("open");
                },
                onClosing: function () {
                    if (this.freeWall !== null)
                        this.freeWall.reset({
                            selector: '.itemMenuHomeMetro',                            
                            onResize: function(){}
                        });
                },
                //render the content into div of view
                render: function () {
                    if (this.created === true)
                    {
                        //this.header.title = "pippo";
                        HomeView.__super__.render.call(this);
                        //this.el is the root element of Backbone.View. By default, it is a div.
                        //$el is cached jQuery object for the view's element.
                        //append the compiled template into view div container
                        this.$el.append(this.header.$el);
                        this.$el.append(this.template({profile: Profile}));
                        this.$el.append(this.footer.$el);
                    }
                    this.$el.find("#homeBtn").addClass("ui-btn-active");
                    //$("#homeBtn").addClass("ui-btn-active");
                    //return to enable chained calls
                    return this;
                }
            });
            return HomeView;
        });