jQuery(document).ready(function () {

    //var $btn_bookmark = jQuery(".btn_bookmark_");
    //$btn_bookmark.unbind("click");
    jQuery(document).on("click", ".btn_bookmark_", function (e) {
        var url_set = jQuery(this).parent().attr('href');
        var loadStart = function (elem) {
            var src = jQuery(elem).attr("src");
            var re = new RegExp("^(.+)(\.png|\.gif)$");
            var matches = src.match(re);
            var loadingsrc = "";
            if (matches.length == 3) {
                loadingsrc = matches[1] + "_loading" + matches[2];
            }
            if (src.indexOf('ico_favo_pnk') == -1) {
                jQuery(elem).attr({
                    src: loadingsrc,
                    alt: ""
                });
            }
            return elem;
        }

        var loadEnd = function (elem, iserror, msg) {
            var src = jQuery(elem).attr("src");
            if (src.indexOf('ico_favo_') !== -1) {
                if (msg == 'ログイン後にご利用ください。' ) {
                    src = src.replace("_wh_2209_loading.", "_wh_2209.");
                } else {
                    src = src.replace("_wh_2209_loading.", "_pnk_2209.");
                }
            } else {
                src = src.replace("_2209_loading.", "_2209.");
            }
            if (!iserror) {
                jQuery(elem).showBalloon({
                    contents: msg,
                    classname: "balloons",
                    hideAnimation: function(d) { this.slideUp(d); },
                    offsetX: 0,
                    css: {
                        fontWeight: "bold",
                        backgroundColor: "#000000",
                        color: "#fff",
                        opacity: "0.7"
                    }
                });
                setTimeout(function() {
                    jQuery(elem).hideBalloon();
                    jQuery(elem).attr({
                        src: src,
                        alt: ""
                    });
                }, 800); //バルーン表示時間
            }
            else {
                jQuery(elem).attr({
                    src: src,
                    alt: ""
                });
            }
        }

        var addBookmark = function (b, g) {
            var o = loadStart(b);
            jQuery.ajax({
                async: true,
                type: "POST",
                url: EC_WWW_ROOT + "/shop/customer/bookmarkajax.aspx",
                data: { "goods": goods, "crsirefo_hidden": add_crsirefo },
                cache: false,
                ifModified: false,
                dataType: "json",
                success: function (msg) {
                    setTimeout(function () {
                        loadEnd(o, false, msg);
                    }, 400);
                },
                error: function (xhr, status, thrown) {
                    loadEnd(o, true);
                    alert("セッションの有効期間がきれました。\n" +
                          "誠に恐れ入りますが再度トップページよりのアクセスをお願いいたします。\n\n" +
                          "※当サイトではお客様の情報保護のため、一定時間経過後に接続情報を解除させていただいております。");
                    let clickpage = location.pathname;
                    ga('send', 'event', 'お気に入りエラー', url_set, clickpage);
                    return false;
                }
            });
            return true;
        }

        if (jQuery(this).attr("src").indexOf("_2209_loading.") != -1) {
            return false;
        }

        var href = jQuery(this).parent().attr("href");
        var re = new RegExp("goods=([0-9A-Za-z_\-]+)");
        var matches = href.match(re);
        var goods = "";
        if (matches && matches.length == 2) {
            goods = matches[1];
        }
        else {
            return true;
        }

        addBookmark(this, goods);
        return false;
    });
    jQuery('.bookmark_area a .btn_bookmark_').each(function(){
    	if(jQuery(this).attr('src').indexOf('ico_favo_wh')){
    		jQuery(this).attr('src', '/img/usr/common/ico_favo_wh_2209.png');
    	} else if(jQuery(this).attr('src').indexOf('ico_favo_wh_loading')){
    		jQuery(this).attr('src', '/img/usr/common/ico_favo_wh_2209_loading.png');
    	} else if(jQuery(this).attr('src').indexOf('ico_favo_pnk')) {
    		jQuery(this).attr('src', '/img/usr/common/ico_favo_pnk_2209.png');
    	}
    });
    
});