var HomeController = {
    /**************************************************
    OBJECTS CONTAINERS
    ***************************************************/
    //Menu Images
    imgCompany: '',
    imgCosmetics: '',
    imgAccessories: '',
    imgArticles: '',
    imgTraining: '',
    imgProtocols: '',
    imgRegister: '',
    imgContact: '',
    //Menu Buttons
    btnCompany: '',
    btnCosmetics: '',
    btnAccessories: '',
    btnArticles: '',
    btnTraining: '',
    btnProtocols: '',
    btnRegister: '',
    btnContact: '',
    productPromotionContainer: '',
    /**************************************************
    CONTAINERS
    ***************************************************/
    menuCosmeticContainer: '',
    acessoriesContainer: '',
    /**************************************************
    FUNCTIONS
    ***************************************************/
    //Initialize Objets to Home.Aspx
    init: function () {
        //Initalize Menu Images
        HomeController.imgCompany = $("#imgCompany");
        HomeController.imgCosmetics = $("#imgCosmetics");
        HomeController.imgAccessories = $("#imgAccessories");
        HomeController.imgArticles = $("#imgArticles");
        HomeController.imgTraining = $("#imgTraining");
        HomeController.imgProtocols = $("#imgProtocols");
        HomeController.imgRegister = $("#imgRegister");
        HomeController.imgContact = $("#imgContact");
        //Initalize Menu Buttons
        HomeController.btnCompany = $("#btnCompany");
        HomeController.btnCosmetics = $("#btnCosmetics");
        HomeController.btnAccessories = $("#btnAccessories");
        HomeController.btnArticles = $("#btnArticles");
        HomeController.btnTraining = $("#btnTraining");
        HomeController.btnProtocols = $("#btnProtocols");
        HomeController.btnRegister = $("#btnRegister");
        HomeController.btnContact = $("#btnContact");

        HomeController.menuCosmeticContainer = $("#menuCosmeticContainer");
        HomeController.acessoriesContainer = $("#acessoriesContainer");
        HomeController.productPromotionContainer = $("#slider1");
        HomeController.productPromotionContainer.hide();
        HomeController.initAction();
        HomeController.getProductsPromotion();

        setTimeout(function () {
            HomeController.productPromotionContainer.nivoSlider();
            HomeController.productPromotionContainer.show();
        }, 3000);
    },
    //Initialize Action for Objets to Home.Aspx
    initAction: function () {
        HomeController.btnCompany.mouseover(function () { HomeController.animateMenuOver(this, HomeController.imgCompany); });
        HomeController.btnCompany.mouseleave(function () { HomeController.animateMenuOut(this, HomeController.imgCompany); });
        HomeController.btnCompany.click(function () { window.location = "Company.aspx"; });
        HomeController.btnCosmetics.mouseover(function () { HomeController.animateMenuOver(this, HomeController.imgCosmetics); });
        HomeController.btnCosmetics.mouseleave(function () { HomeController.animateMenuOut(this, HomeController.imgCosmetics); });
        HomeController.btnCosmetics.click(function () { /*event click*/ });
        HomeController.btnAccessories.mouseover(function () { HomeController.animateMenuOver(this, HomeController.imgAccessories); });
        HomeController.btnAccessories.mouseleave(function () { HomeController.animateMenuOut(this, HomeController.imgAccessories); });
        HomeController.btnAccessories.click(function () { /*event click*/ });
        HomeController.btnArticles.mouseover(function () { HomeController.animateMenuOver(this, HomeController.imgArticles); });
        HomeController.btnArticles.mouseleave(function () { HomeController.animateMenuOut(this, HomeController.imgArticles); });
        HomeController.btnArticles.click(function () { /*event click*/ });
        HomeController.btnTraining.mouseover(function () { HomeController.animateMenuOver(this, HomeController.imgTraining); });
        HomeController.btnTraining.mouseleave(function () { HomeController.animateMenuOut(this, HomeController.imgTraining); });
        HomeController.btnTraining.click(function () { /*event click*/ });
        HomeController.btnProtocols.mouseover(function () { HomeController.animateMenuOver(this, HomeController.imgProtocols); });
        HomeController.btnProtocols.mouseleave(function () { HomeController.animateMenuOut(this, HomeController.imgProtocols); });
        HomeController.btnProtocols.click(function () { /*event click*/ });
        HomeController.btnRegister.mouseover(function () { HomeController.animateMenuOver(this, HomeController.imgRegister); });
        HomeController.btnRegister.mouseleave(function () { HomeController.animateMenuOut(this, HomeController.imgRegister); });
        HomeController.btnRegister.click(function () { /*event click*/ });
        HomeController.btnContact.mouseover(function () { HomeController.animateMenuOver(this, HomeController.imgContact); });
        HomeController.btnContact.mouseleave(function () { HomeController.animateMenuOut(this, HomeController.imgContact); });
        HomeController.btnContact.click(function () { window.location = "Contact.aspx"; });
    },

    initMenu: function () {
        AjaxHelper.Call(
		        "Products",
		        "GetListBrandsAndCategories",
		        "{}",
		        true,
		        function (data) {
		            var brands = data.d;
		            var menuCosmetic = '';
		            for (var i = 0; i < brands.length; i++) {
		                menuCosmetic += '<li>';
		                menuCosmetic += '<a href="#" class="sub">' + brands[i].Name + '</a>';
		                menuCosmetic += '<ul>';
		                var categories = brands[i].Categories;
		                for (var x = 0; x < categories.length; x++) {
		                    if (x == 0)
		                        menuCosmetic += '<li><a href="#" id="' + categories[x].Id + '" class="topline" onclick="javascript:HomeController.goProductsPage(' + brands[i].Id + ', ' + categories[x].Id + ');">' + categories[x].Name + '</a></li>';
		                    else
		                        menuCosmetic += '<li><a href="#" id="' + categories[x].Id + '" onclick="javascript:HomeController.goProductsPage(' + brands[i].Id + ', ' + categories[x].Id + ');">' + categories[x].Name + '</a></li>';
		                }
		                menuCosmetic += '</ul>';
		                menuCosmetic += '</li>';
		            }

		            HomeController.menuCosmeticContainer.html(menuCosmetic);

		            HomeController.getAcessoriesBrands();
		        });
    },

    getProductsPromotion: function () {
        AjaxHelper.Call(
		        "Misc",
		        "GetBanners",
		        "{}",
		        true,
		        function (data) {

		            // var x = Math.floor(Math.random() * data.d.length);
		            var html = '';
		            for (var a = 0; a < data.d.length; a++) {
		                html += '<img src="' + data.d[a].Path + '" style="border:0;" />';
		            }

		            //		            var htmls = '';
		            //		            for (var s = data.d.length - 1; s > 0; s--) {
		            //		                htmls += '<a href="' + data.d[s].Url + '"><img src="' + data.d[s].ImagemFull + '" title="' + data.d[s].Description + '"  style="border:0;" /></a>';
		            //		            }

		            //		            var htmli = '';
		            //		            for (var t = 0; t < data.d.length; t++) {
		            //		                if (t % 2 == 0)
		            //		                    htmli += '<a href="' + data.d[t].Url + '"><img src="' + data.d[t].ImagemFull + '" title="' + data.d[t].Description + '"  style="border:0;" /></a>';
		            //		            }

		            //'Products.aspx?brandId='+data.d[x].BrandId+'&categoryId='+data.d[x].CategoryId+'&productId='+data.d[x].Id;

		            HomeController.productPromotionContainer.html(html);
		            //		            $("#slider2").html(htmls);
		            //		            $("#slider3").html(htmli);


		        });
    },

    getAcessoriesBrands: function () {
        AjaxHelper.Call(
		        "Products",
		        "GetListBrandsWithCategories",
		        "{}",
		        true,
		        function (data) {
		            var brands = data.d;
		            var list = '';
		            for (var i = 0; i < brands.length; i++) {
		                list += '<li><a href="#"  onclick="javascript:HomeController.goProductsPage(' + brands[i].Id + ', ' + brands[i].CategorieId + ');">' + brands[i].Name + '</a></li>';
		            }
		            HomeController.acessoriesContainer.html(list);

		            menu.init("menu", "menuhover");
		        });
    },

    goProductsPage: function (brandId, categotyId) {
        window.location = "Products.aspx?brandId=" + brandId + "&categoryId=" + categotyId;
    },
    //Animate icon FadeIn FadeOut for mouseOver Button
    animateMenuOver: function (obj, img) {
        img.stop(true, true).fadeIn(500);
    },
    animateMenuOut: function (obj, img) {
        img.stop(true, true).fadeOut(100);
    }
}