/*
 * Monotaro Tour Script
 */

$(function(){

    var create_tour_container = function() {
        var html = [];
        html.push('<div id="tour_container">');
        html.push('<div class="tour_wrap">');
        html.push('<div class="tour_contents">');
        html.push('<div class="tour_header clearfix">');
        html.push('<a href="#" class="close_button"><img src="/common/img/tour/tour_close.gif" /></a>');
        html.push('<div class="navi_button">');
        html.push('<span id="prevBtn"><a href="javascript:void(0);" style="display: none;"><img src="/common/img/tour/img/prev.gif"/></a></span>');
        html.push('<span id="nextBtn"><a href="javascript:void(0);" style="display: block;"><img src="/common/img/tour/img/next.gif"/></a></span>');
        html.push('</div>');
        html.push('<h3>(株)MonotaROとは</h3>');
        html.push('</div>');
        html.push('<div class="tour_main">');
        html.push('<ul>');
        html.push('<li style="text-align:center"><img src="https://monotaro.appspot.com/img/tour/tour.gif" width="800" height="400"></li>');
        html.push('<li style="text-align:center"><img src="https://monotaro.appspot.com/img/tour/tour2.gif" width="800" height="400"></li>');
        html.push('<li style="text-align:center"><img src="https://monotaro.appspot.com/img/tour/tour3.gif" width="800" height="400"></li>');
        html.push('<li style="text-align:center"><img src="https://monotaro.appspot.com/img/tour/tour4.gif" width="800" height="400"></li>');
        html.push('<li style="text-align:center"><img src="https://monotaro.appspot.com/img/tour/tour5.gif" width="800" height="400"></li>');
        html.push('<li style="text-align:center"><img src="https://monotaro.appspot.com/img/tour/tour6.gif" width="800" height="400"></li>');
        html.push('<li style="text-align:center"><img src="https://monotaro.appspot.com/img/tour/tour7.gif" width="800" height="400"></li>');
        html.push('</ul>');
        html.push('</div>');
        html.push('</div>');
        html.push('</div>');
        html.push('</div>');
        return $(html.join(''));
    };

    if ($('.point3').length) {
        // 未ログインのバーが表示されている時のみ表示する

        var slider_setup = false;

        var tour_show = false;

        //if ($.monotaroABTest.checkA('tour', true)) {
            tour_show = true;
        //}
        if (tour_show) {
            if ($.monotaro.url_params['resetcookie'] == '1') {
                $.monotaro.cookie('tuor_assert', null);
            }
            $.monotaro.debug('tuor_assert cookie = ' + $.monotaro.cookie('tuor_assert'));

            //var main_body = $('#main_body');
            var main_body = $('.point3 a:first');
            var offset_left = -62;
            var offset_top = 12;
            if ($.browser.msie) {
                offset_top = 44;
            }

            var tour_close_action = false;
            var tour_container = false;
            var tuor_assert_show = function(){

                if (!slider_setup) {

                    tour_container = $('#tour_container');
                    if (!tour_container.get(0)) {
                        tour_container = create_tour_container();
                        $('.point3').before(tour_container);
                    }

                    $('.close_button').click(function(){
                        tour_container.slideUp(100);
                        tour_close_action = true;
                        $.monotaro.cookie('tuor_assert', '1', {
                            expires: 3650,
                            path: '/',
                            secure: false
                        });
                        $.monotaro.debug('tuor_assert cookie set');
                        return false;
                    });

                    $(window).bind('resize', function(){
                        var main_body_offset = main_body.offset();
                        tour_container.css('top', main_body_offset.top + 'px').css('left', main_body_offset.left + 'px');
                    });
                }

                var main_body_offset = main_body.offset();
                tour_container.css('top', (main_body_offset.top + offset_top) + 'px').css('left', (main_body_offset.left + offset_left) + 'px');
                tour_container.slideDown(300, function(){
                    if (!slider_setup) {
                        $(".tour_main", tour_container).easySlider({
                            speed: 500,
                            nextText: "",
                            prevText: ""
                        });
                        slider_setup = true;
                    }
                });
            };

            // 常にマウスオーバーで表示する
            //if ($.monotaro.cookie('tuor_assert') != '1') {
            //    $('#tour_link').hover(function(){
            //        //if (!tour_close_action) {
            //            tuor_assert_show();
            //        //}
            //    }, function(){
            //    });
            //}
            $('#tour_link').click(function(){
                tuor_assert_show();
                return false;
            }).show();

        }
    }

});