if( typeof(jQuery) != 'undefined' ) {
    (function($){
        var isSP = function() {
            var agent = navigator.userAgent;
            if(isAndroid() ||
                    agent.indexOf('iPhone; ') != -1 ||
                    agent.indexOf('iPod; ') != -1 ||
                    agent.indexOf('iPad; ') != -1){
                return true;
            }
            return false;
        }
        var isAndroid = function() {
            var agent = navigator.userAgent;
            if(agent.indexOf('Linux; U; Android ') != -1){
                return true;
            }
            return false;
        }
    
        var win_h = window.innerHeight || $(window).height();
        var win_w = window.innerWidth || $(window).width();
        $(window).bind('resize',function(){
            win_h = window.innerHeight || $(window).height();
            win_w = window.innerWidth || $(window).width();
            showSPGuide();
        });
        $(window).bind('scroll',function(){
            win_h = window.innerHeight || $(window).height();
            win_w = window.innerWidth || $(window).width();
            showSPGuide();
        });
        var nav_w;
        var nav_l;
        function showSPGuide() {
            if( isSP() ) {
                var footerNavSp$ = $('#FooterNavSp');
                footerNavSp$.offset({left: nav_l, top: win_h})
                //footerNavSp$.css('font-size',(win_h / 20) + 'px');
                //footerNavSp$.css('line-height',(win_h / 20) + 'px');
                $('div',footerNavSp$).css('font-size',(win_h / 20) + 'px');
                $('div',footerNavSp$).css('line-height',(win_h / 20) + 'px');
                $('button',footerNavSp$).css('font-size',(win_h / 20) + 'px');
                $('button',footerNavSp$).css('line-height',(win_h / 20) + 'px');
                footerNavSp$.show();
                footerNavSp$.width(nav_w-8);
                footerNavSp$.css('zoom',1);
                var nav_y = $(window).scrollTop() + win_h - footerNavSp$.outerHeight(true);
                if (isAndroid())
                    nav_y -= 150;
                if (nav_y < 0)
                    nav_y = 0;
                footerNavSp$.offset({left: nav_l, top: nav_y})
            }
        }
        $(function(){
            var footerNavSp$ = $('#FooterNavSp');
            footerNavSp$.hide();
            footerNavSp$.css('position','absolute')
            .css('border','solid 4px black')
            .css('height','auto')
            .css('padding','5px')
            .css('text-align','center')
            .css('background-color','#FFFFFF')
            .css('z-index',200);
            $('button',footerNavSp$).click(function(){
                location.href="/sp/";
            });
            var main$ = $('#wrap,#container');
            nav_w = main$.width();
            nav_l = main$.offset().left;
            showSPGuide();
        });
    })(jQuery);
}