﻿
// Event On Page Load

$(document).ready(function() {
    //initialize our DHTML history
    //dhtmlHistory.initialize();

    //subscribe to DHTML history change events
    //dhtmlHistory.addListener(historyChange);

    // initialize Product
    initProduct();

    // initialize Menu
    //initMenu();

    //initialize search form
    initSearchForm();
});
// End page load

//Starting another function
function initProduct() {
    var pagecontent = document.getElementById("loadCategory"); // Load danh muc theo id loadCategory
    //Tien them, de xu ly trong cac trang khac khi khong co san, menu hien thi bt
    if (pagecontent==null) return;
    
    var pageTitle = document.getElementById("categoryName");
    pagecontent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
    $.ajax({
        url: "/Home/ProductNew",
        cache: false,
        success: function(html) {
            pagecontent.innerHTML = html;
            $(".cartButton").click(function() {
                var element = $(this);
                var Id = element.attr("id");

                var searchContent = document.getElementById("loadCategory");
                var searchTitle = document.getElementById("categoryName");

                $("#addToCart" + Id).submit(function() {
                    $("#indexIntroduce").hide();
                    
                    //get the form
                    var f = $("#addToCart" + Id);
                    //get the action attribute
                    var action = f.attr("action");

                    //get the serialized data
                    var serializedForm = f.serialize();

                    //get position to display search content
                    searchContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
                    $.post(action,
                           serializedForm,
                           function(html) {
                               searchTitle.innerHTML = "GIỎ HÀNG";
                               searchContent.innerHTML = html; //checkOut
                               $(".cartRemove_button").click(function() {
                                   var element = $(this);
                                   var Id = element.attr("id");

                                   var cartRemoveContent = document.getElementById("loadCategory");
                                   var cartRemoveTitle = document.getElementById("categoryName");

                                   $("#removefromcart" + Id).submit(function() {
                                       $("#indexIntroduce").hide();

                                       //get the form
                                       var f = $("#removefromcart" + Id);
                                       //get the action attribute
                                       var action = f.attr("action");

                                       //get the serialized data
                                       var serializedForm = f.serialize();

                                       cartRemoveContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
                                       $.post(action,
                                           serializedForm,
                                           function(html) {
                                               cartRemoveTitle.innerHTML = "GIỎ HÀNG";
                                               cartRemoveContent.innerHTML = html;
                                               $.getScript("../../Scripts/removeFromCart.js");
                                           });
                                       return false;
                                   });
                               });
                           });
                    return false;
                });
            });
        }
    });
}

function initMenu() {
//alert("hello");

    var navMenu = document.getElementById("NavMenu");
    navMenu.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
    $.ajax({
        url: "/Nav/Menu",
        cache: false,
        success: function(html) {
            navMenu.innerHTML = html;
            $("#main-nav li ul").hide(); //Hide all sub menus
            $("#main-nav li a.current").parent().find("ul").slideToggle("slow"); // Slide down the current menu item's sub menu

            $("#main-nav li a.mnd1").click( // When a top menu item is clicked...
                function() {
                    $(this).addClass("current");
                    $(this).parent().siblings().find("ul").slideUp("normal"); // Slide up all sub menus except the one clicked
                    $(this).next().slideToggle("normal"); // Slide down the clicked sub menu
                    return false;
                }
            );

            $("#main-nav li a.mnd").hover( // When a top menu item is clicked...
                function() {
                    $(this).parent().siblings().find("ul").slideUp("normal"); // Slide up all sub menus except the one clicked
                    $(this).next().slideToggle("normal"); // Slide down the clicked sub menu
                    return false;
                }
            );

            $("#main-nav li a.mnd").blur(function() {
                $(this).removeClass("current");
            });

            $("#main-nav li a.mnd1").blur(function() {
                $(this).removeClass("current");
            });

            $("#main-nav li ul a").click(function() {
                $(this).addClass("current");
                $(this).focus();
            });

            $("#main-nav li ul a").blur(function() {
                $(this).parent().parent().parent().find("a").removeClass("current");
                $(this).removeClass("current");
            });
        }
    });
}

function initSearchForm() {
    $("#searchForm").submit(function() {
        $("#indexIntroduce").hide();

        //get the form
        var f = $("#searchForm");

        //get the action attribute
        var action = f.attr("action");

        //get the serialized data
        var serializedForm = f.serialize();

        //get position to display search content
        var searchContent = document.getElementById("loadCategory");
        var searchTitle = document.getElementById("categoryName");

        searchContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
        $.post(action,
            serializedForm,
            function(html) {
                searchTitle.innerHTML = "TÌM KIẾM";
                searchContent.innerHTML = html;
                $(".cartButton").click(function() {
                    var element = $(this);
                    var Id = element.attr("id");

                    var searchContent = document.getElementById("loadCategory");
                    var searchTitle = document.getElementById("categoryName");

                    $("#addToCart" + Id).submit(function() {
                        $("#indexIntroduce").hide();

                        //get the form
                        var f = $("#addToCart" + Id);
                        //get the action attribute
                        var action = f.attr("action");

                        //get the serialized data
                        var serializedForm = f.serialize();

                        //get position to display search content
                        searchContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
                        $.post(action,
                            serializedForm,
                            function(html) {
                                searchTitle.innerHTML = "GIỎ HÀNG";
                                searchContent.innerHTML = html;
                                $(".cartRemove_button").click(function() {
                                    var element = $(this);
                                    var Id = element.attr("id");

                                    var searchContent = document.getElementById("loadCategory");
                                    var searchTitle = document.getElementById("categoryName");

                                    $("#removefromcart" + Id).submit(function() {
                                        $("#indexIntroduce").hide();

                                        //get the form
                                        var f = $("#removefromcart" + Id);
                                        //get the action attribute
                                        var action = f.attr("action");

                                        //get the serialized data
                                        var serializedForm = f.serialize();

                                        //get position to display search content
                                        searchContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
                                        $.post(action,
                                           serializedForm,
                                           function(html) {
                                               searchTitle.innerHTML = "GIỎ HÀNG";
                                               searchContent.innerHTML = html; //checkOut
                                               $.getScript("../../Scripts/removeFromCart.js");
                                           });
                                        return false;
                                    });
                                });
                            });
                        return false;
                    });
                });
            });
        return false;
    });
}

function loadCategory(_url, name) {
    if (_url.length <= 1) {
        var pagecontent = document.getElementById("loadCategory");
        _url = "/Home/ProductNew";
        pagecontent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
        $.ajax({
            url: _url,
            cache: false,
            success: function(html) {
                pagecontent.innerHTML = html;
                $(".cartButton").click(function() {
                    var element = $(this);
                    var Id = element.attr("id");

                    var searchContent = document.getElementById("loadCategory");
                    var searchTitle = document.getElementById("categoryName");

                    $("#addToCart" + Id).submit(function() {
                        $("#indexIntroduce").hide();

                        //get the form
                        var f = $("#addToCart" + Id);
                        //get the action attribute
                        var action = f.attr("action");

                        //get the serialized data
                        var serializedForm = f.serialize();

                        //get position to display search content
                        searchContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
                        $.post(action,
                                serializedForm,
                                function(html) {
                                    searchTitle.innerHTML = "GIỎ HÀNG";
                                    searchContent.innerHTML = html;
                                    $(".cartRemove_button").click(function() {
                                        var element = $(this);
                                        var Id = element.attr("id");

                                        var searchContent = document.getElementById("loadCategory");
                                        var searchTitle = document.getElementById("categoryName");

                                        $("#removefromcart" + Id).submit(function() {
                                            $("#indexIntroduce").hide();

                                            //get the form
                                            var f = $("#removefromcart" + Id);
                                            //get the action attribute
                                            var action = f.attr("action");

                                            //get the serialized data
                                            var serializedForm = f.serialize();

                                            //get position to display search content
                                            searchContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
                                            $.post(action,
                                               serializedForm,
                                               function(html) {
                                                   searchTitle.innerHTML = "GIỎ HÀNG";
                                                   searchContent.innerHTML = html; //checkOut
                                                   $.getScript("../../Scripts/removeFromCart.js");
                                               });
                                            return false;
                                        });
                                    });
                                });
                        return false;
                    });
                });
            }
        });
    }
    else {
        var pagecontent = document.getElementById("loadCategory"); // Load danh muc theo id loadCategory

        var categoryName = document.getElementById("categoryName"); // Ten danh muc
        categoryName.innerHTML = name.toUpperCase();

        //var indexIntroduce = document.getElementById("indexIntroduce"); // Muc gioi thieu cong ty o cuoi trang index
        //if (indexIntroduce != null) indexIntroduce.innerHTML = '';
        $("#indexIntroduce").hide();

        pagecontent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
        $.ajax({
            url: _url,
            cache: false,
            success: function(html) {
                pagecontent.innerHTML = html;
                $(".cartButton").click(function() {
                    var element = $(this);
                    var Id = element.attr("id");

                    var searchContent = document.getElementById("loadCategory");
                    var searchTitle = document.getElementById("categoryName");

                    $("#addToCart" + Id).submit(function() {
                        $("#indexIntroduce").hide();

                        //get the form
                        var f = $("#addToCart" + Id);
                        //get the action attribute
                        var action = f.attr("action");

                        //get the serialized data
                        var serializedForm = f.serialize();

                        //get position to display search content
                        searchContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
                        $.post(action,
                            serializedForm,
                            function(html) {
                                searchTitle.innerHTML = "GIỎ HÀNG";
                                searchContent.innerHTML = html;
                                $(".cartRemove_button").click(function() {
                                    var element = $(this);
                                    var Id = element.attr("id");

                                    var searchContent = document.getElementById("loadCategory");
                                    var searchTitle = document.getElementById("categoryName");

                                    $("#removefromcart" + Id).submit(function() {
                                        $("#indexIntroduce").hide();

                                        //get the form
                                        var f = $("#removefromcart" + Id);
                                        //get the action attribute
                                        var action = f.attr("action");

                                        //get the serialized data
                                        var serializedForm = f.serialize();

                                        //get position to display search content
                                        searchContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
                                        $.post(action,
                                           serializedForm,
                                           function(html) {
                                               searchTitle.innerHTML = "GIỎ HÀNG";
                                               searchContent.innerHTML = html; //checkOut
                                               $.getScript("../../Scripts/removeFromCart.js");
                                        });
                                        return false;
                                    });
                                });
                            });
                        return false;
                    });
                });
            }
        });
    }
}

function productDetail(_url, categoryName) {
    var pagecontent = document.getElementById("loadCategory"); // Load danh muc theo id loadCategory

    var _categoryName = document.getElementById("categoryName"); // Ten danh muc
    _categoryName.innerHTML = categoryName.toUpperCase();

    //var indexIntroduce = document.getElementById("indexIntroduce"); // Muc gioi thieu cong ty o cuoi trang index
    //if (indexIntroduce != null) indexIntroduce.innerHTML = '';
    //$("#indexIntroduce").show();

    pagecontent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
    $.ajax({
        url: _url,
        cache: false,
        success: function(html) {
            pagecontent.innerHTML = html;
            $(".cartButton").click(function() {
                var element = $(this);
                var Id = element.attr("id");

                var searchContent = document.getElementById("loadCategory");
                var searchTitle = document.getElementById("categoryName");

                $("#addToCart" + Id).submit(function() {
                    $("#indexIntroduce").hide();

                    //get the form
                    var f = $("#addToCart" + Id);
                    //get the action attribute
                    var action = f.attr("action");

                    //get the serialized data
                    var serializedForm = f.serialize();

                    //get position to display search content
                    searchContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
                    $.post(action,
                            serializedForm,
                            function(html) {
                                searchTitle.innerHTML = "GIỎ HÀNG";
                                searchContent.innerHTML = html;
                                $(".cartRemove_button").click(function() {
                                    var element = $(this);
                                    var Id = element.attr("id");

                                    var searchContent = document.getElementById("loadCategory");
                                    var searchTitle = document.getElementById("categoryName");

                                    $("#removefromcart" + Id).submit(function() {
                                        $("#indexIntroduce").hide();

                                        //get the form
                                        var f = $("#removefromcart" + Id);
                                        //get the action attribute
                                        var action = f.attr("action");

                                        //get the serialized data
                                        var serializedForm = f.serialize();

                                        //get position to display search content
                                        searchContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
                                        $.post(action,
                                           serializedForm,
                                           function(html) {
                                               searchTitle.innerHTML = "GIỎ HÀNG";
                                               searchContent.innerHTML = html; //checkOut
                                               $.getScript("../../Scripts/removeFromCart.js");
                                           });
                                        return false;
                                    });
                                });
                            });
                    return false;
                });
            });
        }
    });
}

function loadPage(_url, pageName) {
    var pagecontent = document.getElementById("loadCategory"); // Load danh muc theo id loadCategory

    var _pageName = document.getElementById("categoryName"); // Ten danh muc

    $("#indexIntroduce").hide(); // An muc gioi thieu cong ty o cuoi trang index
    
    _pageName.innerHTML = pageName;
    
    if (pageName == "TRANG CHỦ") {
        $("#indexIntroduce").show(); // Hien thi muc gioi thieu cong ty o cuoi trang index
        _pageName.innerHTML = "SẢN PHẨM MỚI";
        _url = "/Home/ProductNew";
    }

    pagecontent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
    $.ajax({
        url: _url,
        cache: false,
        success: function(html) {
            pagecontent.innerHTML = html;

            $("#feedbackForm").submit(function() {
                var feedbackTitle = document.getElementById("categoryName");
                var feedbackContent = document.getElementById("loadCategory");

                //get the form
                var f = $("#feedbackForm");

                //get the action attribute
                var action = f.attr("action");

                //get the serialized data
                var serializedForm = f.serialize();
                feedbackContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
                $.post(action,
                    serializedForm,
                    function(html) {
                        feedbackTitle.innerHTML = "GÓP Ý";
                        feedbackContent.innerHTML = html;
                        $.getScript("../../Scripts/feedbackForm.js");
                    });
                return false;
            });

            $(".cartRemove_button").click(function() {
                var element = $(this);
                var Id = element.attr("id");

                var searchContent = document.getElementById("loadCategory");
                var searchTitle = document.getElementById("categoryName");

                $("#removefromcart" + Id).submit(function() {
                    $("#indexIntroduce").hide();

                    //get the form
                    var f = $("#removefromcart" + Id);
                    //get the action attribute
                    var action = f.attr("action");

                    //get the serialized data
                    var serializedForm = f.serialize();

                    //get position to display search content
                    searchContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
                    $.post(action,
                       serializedForm,
                       function(html) {
                           searchTitle.innerHTML = "GIỎ HÀNG";
                           searchContent.innerHTML = html; //checkOut
                           $.getScript("../../Scripts/removeFromCart.js");
                       });
                    return false;
                });
            });

            $(".cartButton").click(function() {
                var element = $(this);
                var Id = element.attr("id");

                var searchContent = document.getElementById("loadCategory");
                var searchTitle = document.getElementById("categoryName");

                $("#addToCart" + Id).submit(function() {
                    $("#indexIntroduce").hide();

                    //get the form
                    var f = $("#addToCart" + Id);
                    //get the action attribute
                    var action = f.attr("action");

                    //get the serialized data
                    var serializedForm = f.serialize();

                    //get position to display search content
                    searchContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
                    $.post(action,
                            serializedForm,
                            function(html) {
                                searchTitle.innerHTML = "GIỎ HÀNG";
                                searchContent.innerHTML = html;
                                $(".cartRemove_button").click(function() {
                                    var element = $(this);
                                    var Id = element.attr("id");

                                    var searchContent = document.getElementById("loadCategory");
                                    var searchTitle = document.getElementById("categoryName");

                                    $("#removefromcart" + Id).submit(function() {
                                        $("#indexIntroduce").hide();

                                        //get the form
                                        var f = $("#removefromcart" + Id);
                                        //get the action attribute
                                        var action = f.attr("action");

                                        //get the serialized data
                                        var serializedForm = f.serialize();

                                        //get position to display search content
                                        searchContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
                                        $.post(action,
                                           serializedForm,
                                           function(html) {
                                               searchTitle.innerHTML = "GIỎ HÀNG";
                                               searchContent.innerHTML = html; //checkOut
                                               $.getScript("../../Scripts/removeFromCart.js");
                                           });
                                        return false;
                                    });
                                });
                            });
                    return false;
                });
            });
        }
    });
}

function checkOutProcess(_url, name) {
    var pagecontent = document.getElementById("loadCategory"); // Load danh muc theo id loadCategory
    var pageTitle = document.getElementById("categoryName");
    pagecontent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
    $.ajax({
        url: _url,
        cache: false,
        success: function(html) {
            pageTitle.innerHTML = name.toUpperCase();
            pagecontent.innerHTML = html;
            $("#CheckOut").submit(function() {
                //get the form
                var f = $("#CheckOut");
                //get the action attribute
                var action = f.attr("action");

                //get the serialized data
                var serializedForm = f.serialize();

                //get position to display search content
                var CheckOutContent = document.getElementById("loadCategory");
                var CheckOutTitle = document.getElementById("categoryName");

                CheckOutContent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
                $.post(action,
                    serializedForm,
                    function(html) {
                        CheckOutTitle.innerHTML = "ĐẶT MUA";
                        CheckOutContent.innerHTML = html; //checkOut
                        $.getScript("../../Scripts/checkOutAction.js");
                    });
                return false;
            });
        }
    });
}

function paging(_url) {
    var pagecontent = document.getElementById("loadCategory");
    pagingLink = _url;
    pagecontent.innerHTML = '<br /><br /><center><img src="../../Content/mini-ajax-load.gif" alt="" /></center><br /><br />';
    $.ajax({
        url: _url,
        cache: false,
        success: function(html) {
            pagecontent.innerHTML = html;
            $('tbody tr:even').addClass("alt-row");
        }
    });
}
