//Hiển thị menu item
jkoutlinemenu.definemenu("menuitem1", "menuitemchid1", "mouseover", 440);
jkoutlinemenu.definemenu("menuitem2", "menuitemchid2", "mouseover", 470);
jkoutlinemenu.definemenu("menuitem3", "menuitemchid3", "mouseover", 355);
jkoutlinemenu.definemenu("menuitem4", "menuitemchid4", "mouseover", 760);
jkoutlinemenu.definemenu("menuitem5", "menuitemchid5", "mouseover", 520);
jkoutlinemenu.definemenu("menuitem6", "menuitemchid6", "mouseover", 260);
jkoutlinemenu.definemenu("menuitem7", "menuitemchid7", "mouseover", 320);

$(document).ready(function() {
    //Hiển thị menu deal
    var menuDeal = $("#header .header-menu-deal .header-menu-deal-a");
    var menuDealChild;
    $(menuDeal).mouseenter(function() { //Mouseenter menu item parent
        menuDealChild = $(this).parent().find(".hd-mn-deal-item");
        $(menuDealChild).addClass("deal-hover");

        $(menuDealChild).mouseenter(function() {//Mouseenter menu item child
            $(menuDealChild).addClass("deal-hover");
        }).mouseleave(function() {//Mouseleave menu item child
            $(menuDealChild).removeClass("deal-hover");
        });

    }).mouseleave(function() {//Mouseleave menu item parent
        $(menuDealChild).removeClass("deal-hover");
    });

    //Hiển thị quảng cáo bên phải(viết lại sau)
    var slide_IntervalId = 0;
    var slide_maxHeight = 260; //Chieu cao khung quang cao
    var slide_minHeight = 0;
    var slide_curHeight = 0;

    //load popup right
    var _clientAction = readCookie('close-popup-adv');

    if (_clientAction == "true") {
        $("#slidehelper #slide_hide").css({ 'display': 'none' });
        $("#slidehelper #slide_show").css({ 'display': 'block' });
        $("#slidehelper #slide-modify").css({ 'display': 'none' });

        $("#slidehelper").css({ 'width': '320px', 'height': '20px' });
    }
    else {
        slide_default();
    }

    //Fix màn hình có độ rộng lớn hơn 1300px
    //if (parseInt($(window).width()) > 1300)
    //    $("ul#menu-home li a span").css({ "padding-right": "25px" });

    //Load jmenu
    jkoutlinemenu.render($)
    //Fix position menu item
    var _fixmenu = $("#menu-home li");
    //Fix menu điện gia dụng
    $(_fixmenu).find("a#menuitem4").hover(function() {
        $("#menuitemchid4").css({ 'left': '383px' });
    });
    //Fix menu kỹ thuật số
    $(_fixmenu).find("a#menuitem4").hover(function() {
        $("#menuitemchid5").css({ 'left': '622.5px' });
    });
    //View menu search
    var _objmenusearch = $("#header .header-right .hd-right-left .hd-rg-left-bottom .ddlCategory a");
    var _objmenuview = $("#header .header-right .hd-right-menu-search");
    $(_objmenusearch).click(function() {
        if ($(_objmenuview).hasClass('active'))
            $(_objmenuview).removeClass('active').slideUp('fast');
        else {
            $(_objmenuview).addClass('active').slideDown('fast');
            $(_objmenuview).mouseout(function() {
                viewmenusearch(true);
            }).mouseover(function() {
                viewmenusearch(false);
            });
        }
        return false;
    });
    //Action menu search
    var _objmenuviewaction = $(_objmenuview).find("ul li a");
    var _objmenuselected = $(_objmenusearch).find("span.search-categoryid");
    var _categorysearchname;
    var _categorysearchid;
    $(_objmenuviewaction).click(function() {
        $(_objmenuview).removeClass('active').slideUp('fast');
        _categorysearchname = $(this).html();
        _categorysearchid = $(this).attr('rel');
        $(_objmenuselected).html(_categorysearchname);
        $(_objmenuselected).attr('rel', _categorysearchid);
        return false;
    });
    //Action button search
    var _objsearch = $("#header #btnSearch");
    var _objsearchcategory = $("#header .search-categoryid");
    var _objsearchkeyword = $("#header #txtSearch");
    var _urlsearch;
    $(_objsearch).click(function() {
        _urlsearch = "/ProductSearch.aspx?KeyWord=" + $(_objsearchkeyword).val() + "&CategoryId=" + $(_objsearchcategory).attr("rel") + "";
        window.location = _urlsearch;
        return false;
    });
    $(_objsearchkeyword).bind('keypress', function(e) {
        if (e.keyCode == 13) {
            _urlsearch = "/ProductSearch.aspx?KeyWord=" + $(_objsearchkeyword).val() + "&CategoryId=" + $(_objsearchcategory).attr("rel") + "";
            window.location = _urlsearch;
            return false;
        }
    });
    //Action category news
    var _objnewshome = $("#hm-news .hm-nw-title li");
    var _objnewshomeview = $("#hm-news .hm-nw-content");
    $(_objnewshome).click(function() {
        if ($(this).hasClass('active')) return;

        $(_objnewshome).parent().find('.active').removeClass('active');
        $(this).addClass('active');
        _objnewshomeview.css({ 'display': 'none' });
        _objnewshomeview.parent().find('.' + $(this).attr('rel') + '').css({ 'display': 'block' });
    });
    //Slideshow banner
    var i_banner = $("#banner .bn-slide li");
    var p_banner = $("#banner .bn-pg li");
    fa_slideshow(i_banner, p_banner, 0, 0);
    fslideshow(i_banner, p_banner);
    fp_slideshow(i_banner, p_banner);

    //Change address
    var ad_change = $(".ft-ai-right #select-address-mediamart");
    var ad_hide = $(".ft-ai-right .ft-ai-right-address");
    $(ad_change).change(function() {
        var rel = $(this).val();
        $(ad_hide).hide();
        $(ad_hide).eq(rel).show();
    });

    //Change address google
    var adGoogleAction = $("#address-google ul.ad-gl-title li a");
    var adGoogleView = $("#address-google .ad-gl-view");
    $(adGoogleAction).click(function() {
        var rel = $(this).attr('rel');
        $(adGoogleAction).removeClass('active');
        $(this).addClass('active');
        $(adGoogleView).hide();
        $(adGoogleView).eq(rel).show();
        return false;
    });
    //Search complete
    var keyWordSearch;
    var urlSearchSuggest;
    $(".searchsuggest").keyup(function() {
        if ($(this).val() != keyWordSearch && $(this).val().length > 1 && $(this).val().length < 3) {
            keyWordSearch = $(this).val();
            urlSearchSuggest = '/Classes/SearchSuggest.ashx?keyword=' + keyWordSearch + '';
            searchautoconplete(urlSearchSuggest);
        }
    });
    //Back top
    fbacktop();
});
//Search complete 
function searchautoconplete(urlAjax) {
    $.getJSON(urlAjax,
	     function(data) {
	         $('input.searchsuggest').jsonSuggest(data, { maxResults: 10 });
	     });
};
//View category product search
function viewmenusearch(action) {
    var _objmenuview = $("#header .header-right .hd-right-menu-search");
    if (action == true) {
        $(_objmenuview).everyTime(1000, function() {
            $(_objmenuview).css({ 'display': 'none' });
            $(_objmenuview).stopTime();
        });
    }
    else {
        $(_objmenuview).stopTime();
        $(_objmenuview).css({ 'display': 'block' });
    }
};
//Slideshow
function fslideshow(i_banner, p_banner) {
    //Stop
    $("#banner").stopTime();
    //EveryTime
    var _length = $(i_banner).length;
    $("#banner").everyTime(6000, function() {
        var _before = $(p_banner).parent().find('.active a').attr('rel');
        var _current = parseInt(_before) + 1;
        if (_before == (parseInt(_length) - 1))
            _current = 0;
        //Hiển thị slideshow ảnh
        fa_slideshow(i_banner, p_banner, _current, _before);
    });
};
//Pagging slideshow
function fp_slideshow(i_banner, p_banner) {
    $(p_banner).find('a').click(function() {
        var _current = $(this).attr('rel');
        var _before = $(p_banner).parent().find('.active a').attr('rel');
        if (_current == _before) return false;
        //Hiển thị slideshow ảnh
        fa_slideshow(i_banner, p_banner, _current, _before);
        //Slideshow banner
        fslideshow(i_banner, p_banner);
        return false;
    });
};
//Active slideshow		
function fa_slideshow(i_banner, p_banner, current, before) {
    //Banner
    var rel = $(i_banner).eq(current).find('a').attr('rel');
    if (rel != '') {
        $(i_banner).eq(current).find('a').attr('rel', '');
        $(i_banner).eq(current).find('img').attr('src', rel);
    }

    $(i_banner).eq(before).removeClass('active');
    $(i_banner).eq(current).addClass('active');
    $(i_banner).eq(before).fadeOut('slow');
    $(i_banner).eq(current).fadeIn('slow');
    //Pagging
    $(p_banner).eq(before).removeClass('active');
    $(p_banner).eq(current).addClass('active');
};
//Check emal
function verifyEmail(email) {
    if (email.indexOf("@") < 0) {
        alert("Vui lòng nhập địa chỉ email");
        return false;
    } else {
        return true;
    }
}
//Dang ky email ban tin
function subcribeNewsletter() {
    var email = document.getElementById('email_subcribe').value;
    //test value
    if (email.length < 6) {
        alert('Vui lòng điền địa chỉ email');
    } else {
        if (verifyEmail(email)) {
            document.getElementById('subcribing_status').innerHTML = ' ... đang xử lý<br>';
            $.post("SubcribeNewsletter.aspx", { email: email },
               function(data) {
                   if (data == 1) {
                       document.getElementById('subcribing_status').innerHTML = "<b style='color:red;'>Email đã được ghi nhận. Cảm ơn quý khách.</b><br>";
                   } else {
                       document.getElementById('subcribing_status').innerHTML = '';
                       alert('Xin lỗi. Email này đã được đăng ký từ trước');
                   }
               });
        }
    }
    return false;
}
//Popup right
function slide_default() {
    //default
    $("#slidehelper").css({ 'width': '320px', 'height': '200px' });
    var _objimg = $("#slide-modify").find("img");
    $(_objimg).attr('width', '320');
    $(_objimg).attr('height', '200');

    var _objvideo = $("#slide-modify").find("object");
    $(_objvideo).attr('width', '320');
    $(_objvideo).attr('height', '200');

    var _objflash = $("#slide-modify").find("embed");
    $(_objflash).attr('width', '320');
    $(_objflash).attr('height', '200');

    $("#slide_zoomin").css('display', 'block');
    $("#slide_zoomout").css('display', 'none');
    $("#slide-modify").css('display', 'block');
}
function slide_clickhide() {
    $("#slidehelper #slide_hide").css({ 'display': 'none' });
    $("#slidehelper #slide_show").css({ 'display': 'block' });
    $("#slidehelper #slide-modify").css({ 'display': 'none' });

    $("#slidehelper").css({ 'width': '320px', 'height': '20px' });

    createCookie('close-popup-adv', 'true', 1);
}
function slide_clickshow() {
    $("#slidehelper #slide_hide").css({ 'display': 'inline' });
    $("#slidehelper #slide_show").css({ 'display': 'none' });
    $("#slidehelper #slide-modify").css({ 'display': 'block' });

    slide_default();

    createCookie('close-popup-adv', 'false', -1);
}
function slide_clickzoomin() {
    $("#slidehelper").css({ 'width': '650px', 'height': '400px' });
    var _objimg = $("#slide-modify").find("img");
    $(_objimg).attr('width', '650');
    $(_objimg).attr('height', '400');

    var _objvideo = $("#slide-modify").find("object");
    $(_objvideo).attr('width', '650');
    $(_objvideo).attr('height', '400');

    var _objflash = $("#slide-modify").find("embed");
    $(_objflash).attr('width', '650');
    $(_objflash).attr('height', '400');

    $("#slide_zoomin").css('display', 'none');
    $("#slide_zoomout").css('display', 'block');
    $("#slide-modify").css('display', 'block');
}
function slide_clickzoomout() {
    slide_default();
}
//fBackTop
function fbacktop() {
    // hide #back-top first
    $("#back-top").hide();

    // fade in #back-top
    $(function() {
        $(window).scroll(function() {
            if ($(this).scrollTop() > 300) {
                $('#back-top').fadeIn();
            } else {
                $('#back-top').fadeOut();
            }
        });
        // scroll body to 0px on click
        $('#back-top a').click(function() {
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });
    });
}