jQuery.noConflict();
var j$ = jQuery;

/**
  訴求バナー：スライドショー。
 */
j$(document).ready(
    function () {
        var configs = {
            banner : {
                duration : 1800,
                interval : 6000,
                pid      : '#brand_image'
            },
            icon : {
                duration : 700,
                easing   : 'easeOutBounce',
                pid      : '#brand_icon',
                selected : 'selected'
            },
            navi : {
                pid : '#brand_banner'
            }
        };

        var current   = 0;
        var lastindex = 0;
        var mytimer   = null;
        var myscroll  = false;
        var mylist    = configs.banner.pid + ' > li';
        var myicon    = configs.icon.pid   + ' > li';
        var mynavi    = configs.navi.pid   + ' > div.brand_navi';

        lastindex = j$(mylist).length - 1;

        j$(configs.banner.pid).hide();
        j$(mylist).each(
            function (index) {
                if (index)
                    j$(this).hide();
            }
        );
        j$(configs.banner.pid).show();

        var box_width = 0;
        j$(myicon).each(
            function (index) {
                j$(this).hover(
                    function () {
                        _slideStop();
                        _slideSelect(index);
                    },
                    function () {
                        _slideStart();
                    }
                );
                _iconBorder(current);
                box_width += j$(this).outerWidth(true);
            }
        );
        if (!j$.support.opacity)
            j$(configs.icon.pid).css('width', box_width + 2 + 'px');

        j$(mynavi).each(
            function (index) {
                j$(this).mousedown(
                    function () {
                        _slideScroll(j$(this));
                    }
                );
            }
        );

        _slideStart();

        function _slideStart(inerval) {
            mytimer = j$.timer(
                (inerval || configs.banner.interval),
                function () {
                    var next = current >= j$(mylist).length - 1 ? 0: current + 1;
                    j$(j$(mylist)[current]).fadeOut(configs.banner.duration);
                    j$(j$(mylist)[next]).fadeIn(configs.banner.duration);
                    current = next;
                    _iconBorder(current);
                }
            );
        }

        function _slideStop() {
            if (mytimer != null && mytimer != undefined)
                mytimer.stop();
            j$(mylist).stop(true, true);
        }

        function _slideSelect(selected) {
            j$(j$(mylist)[current]).fadeOut(configs.banner.duration);
            j$(j$(mylist)[selected]).fadeIn(configs.banner.duration);
            current = selected;
            _iconBorder(current);
        }

        function _slideScroll(elm) {
            if (myscroll)
                 return;
            myscroll = true;

            $buffer = j$.support.opacity ? -1: 2;

            if (j$(elm).hasClass('left')) {
                if (parseInt(j$(configs.icon.pid).css('left').replace(/px$/, '')) >= 0) {
                    myscroll = false;
                    return;
                }
            }

            if (j$(elm).hasClass('right')) {
                if (Math.abs(j$(configs.icon.pid).css('left').replace(/px$/, '')) >= (j$(configs.icon.pid).width() - j$(configs.icon.pid).parent().width() - $buffer)) {
                    myscroll = false;
                    return;
                }
            }

            var duration = j$(myicon + ':first-child').outerWidth(true);
            var scroll   = (j$(elm).hasClass('right') ? '-=': '+=') + duration + 'px';

            j$(configs.icon.pid).animate(
                {'left' : scroll},
                configs.icon.duration,
                configs.icon.easing,
                function () {
                    myscroll = false;
                }
            );
        }

        function _iconBorder(selected) {
            j$(myicon).each(
                function (index) {
                    if (selected == index) {
                        j$(this).addClass(configs.icon.selected);
                    } else {
                        j$(this).removeClass(configs.icon.selected);
                    }
                }
            );
        }
    }
);

/**
  HOT ITEM：タブ切換。。
 */
j$(document).ready(
    function () {
        j$('div.hotitem_menu a').each(
            function(index) {
                j$(this).click(
                    function() {
                        j$('div.hotitem_menu a img').removeClass('active');
                        j$(this).children('img').addClass('active');
                        j$('div.hot_item_products:visible').hide();
                        j$('div.' + j$(this).attr('rel')).css('opacity', 0.00)
                                                         .show()
                                                         .animate({opacity:1.00}, {duration:2500, easing:'swing', queue:false});
                        return false;
                    }
                );
            }
        );
    }
);