').prepend(ajax_data));
// $("#navi").empty();
// $("#navi").prepend(get_navi_elm);
$("#container > div#base > article").addClass("ajax");
setTimeout(
function(){
$("#container > div#base > article.leave").remove();
setTimeout(
function(){
$("html").removeClass("moving");
scroll_trigger();
}
, 200);
load_iframe();
// FB.XFBML.parse();
window_resize();
PJAX_loading_remove();
var scrollto_val = 0;
if( scroll != "" ){
scrollto_val = $("#" + selectorEscape(scroll)).offset().top + scroll_val;
}
scrollto(scrollto_val);
}
, 10);
if( data.directory == "root" ){
// window.FB.XFBML.parse();
}
img_load();
scroll_action_flag = true;
},
error:
function(XMLHttpRequest, textStatus, errorThrown){
}
});
}
function PJAX_ajaxload_loadmore( href, data, option, target ) {
var scroll = data.scroll;
if( typeof ajax_request != "undefined" ){
ajax_request.abort();
}
ajax_request = $.ajax({
url: href,
dataType: "html",
success:
function(data, dataType){
target.children("li.load_more").remove();
var get_elm = $('div.index > ul > *', $('
').prepend(data));
target.append(get_elm);
img_load();
window_resize();
// PJAX_loading_remove();
if( ! $("body.modal")[0] && ! $("body.entry")[0] ){
scroll_action_flag = true;
}
var target_index = target.closest(".index");
// thm_random_fade_start( target_index );
},
error:
function(XMLHttpRequest, textStatus, errorThrown){
}
});
}
function class_active(directory){
var slsh_to_ub = directory.replace( /\//g, "_" );
$("#navi nav li").removeClass("active");
$("#navi nav li").removeClass("p_active");
if( $(".class_" + slsh_to_ub + " a")[0] ){
var target_nav = $(".class_" + slsh_to_ub + " a");
target_nav.parent("li").removeClass("over");
target_nav.parent("li").addClass("active");
target_nav.closest("li.parent").removeClass("over");
target_nav.closest("li.parent").addClass("p_active");
}
}
window.scrollto = function (val) {
scroll_action_flag = false;
if( $("body.modal")[0] || $("body.entry")[0] ){
$('#entry > div.inner').stop().animate({
scrollTop: val
}, 600, "easeOutQuint",function(){
scroll_action_flag = true;
});
}else{
$('#container > div#base').stop().animate({
scrollTop: val
}, 600, "easeOutQuint",function(){
scroll_action_flag = true;
});
}
}
function PJAX_pushState( href, title ) {
if ( window.history.pushState ) {
window.history.pushState( title, null, href );
} else {
}
}
window.onpopstate = function(event){
if (event.state) {
} else {
}
var href = location.href;
if ( window.history.pushState ) {
PJAX_pjax( href, "by_onpop", "" );
} else {
var href = "https://lifesnap.jp/#!/" + href.replace( /^.\//, '' );
window.location = href;
}
}
$(document).on("click", "a.pjax:not(.deactive)", function(){
var href = $(this).attr("href");
if ( window.history.pushState ) {
PJAX_pjax( href, "", "" );
} else {
var href = href.replace( "https://lifesnap.jp/", "" );
var href = "https://lifesnap.jp/#!/" + href.replace( /^.\//, '' );
var past_href = location.href;
window.location = href;
}
return false;
});
$(document).on("click", "div.index > ul > li.load_more > a.pjax_load_more", function(){
var href = $(this).attr("href");
var target = $(this).closest("ul");
if ( window.history.pushState ) {
var parent = $(this).parent();
parent.addClass("loading");
parent.append('
loading
');
PJAX_pjax( href, "by_load_more", target );
}
return false;
});
$(window).hashchange( function(){
var hash = location.hash;
if( hash.indexOf( "#!/" ) != -1 ){
var href = hash.replace( /^#!\//, '' );
if( href == "" ){
var href = "https://lifesnap.jp/";
}
PJAX_pjax( href, "", "" );
}else if(hash.indexOf( "#/" ) != -1){
hash_arr = hash.split("#/");
hash = hash_arr[1];
PJAX_hash( hash );
}
})
$(window).bind('load', function() {
var hash = location.hash;
if( hash.indexOf( "#!/" ) != -1 ){
var href = hash.replace( /^#!\//, '' );
if ( window.history.pushState ) {
window.location = href;
}else{
PJAX_pjax( href, "", "" );
}
}
});
function scroll_trigger() {
if( $("html.start:not(.moving) .scroll_trigger:not(.action)")[0] ){
$(".scroll_trigger:not(.action)").each(function(i){
var target = $(this);
var position = target.offset().top + scroll_val;
var in_position = position + window_height/100;
if( $("#entry > div.inner > article")[0] ){
var window_bottom_position = $("body #entry > div.inner").scrollTop() + $(window).height();
}else{
var window_bottom_position = $("body #container > div#base").scrollTop() + $(window).height();
}
if(in_position < window_bottom_position){
target.addClass('action');
if( target.find(".auto_fade")[0] ){
var target_elm = target.find(".auto_fade");
setTimeout(function(){
elm_fade( target_elm, 200 );
},100);
}
if( target.find(".textillate_wrapper")[0] ){
var target_textillate = target.find(".textillate_wrapper");
setTimeout(function(){
textillate( target_textillate, 600 );
},100);
}
if( target.find(".wave_fadein_wrapper")[0] ){
var target_wave_fadein = target.find(".wave_fadein_wrapper");
setTimeout(function(){
wave_fadein( target_wave_fadein, 100 );
},10);
}
if( target.find("img.anm_gif")[0] ){
var target_elm = target.find("img.anm_gif");
target_elm.each(function(i){
if( ! $(this).hasClass("play") ){
$(this).addClass("play");
$(this).attr("src",$(this).attr("data-src"));
}
});
}
if( target.find("video[autoplay]")[0] ){
var target_video = target.find("video[autoplay]");
target_video.each(function(i){
var player = $(this).get(0);
player.play();
});
}
}
});
}
if( $(".scroll_trigger_float_elm")[0] ){
$(".scroll_trigger_float_elm").each(function(i){
var target = $(this);
var position = target.offset().top + scroll_val;
var elm_top_position = position;
var elm_bottom_position = position + target.outerHeight(true);
var window_middle_position = $("body #container > div#base").scrollTop() + window_height/2;
if( window_middle_position > elm_top_position && window_middle_position < elm_bottom_position ){
var float_elm_id = $(this).attr("data-float_elm_id");
if( typeof float_elm_id == "undefined" || float_elm_id == "" ){
return true;
}
if( ! $("#container > .float_elm#"+float_elm_id)[0] ){
$("#container > .float_elm").attr("id",float_elm_id);
$("#container > .float_elm").addClass("active");
}
}else{
if( $("#container > .float_elm").hasClass("active") ){
$("#container > .float_elm").removeClass('active');
$("#container > .float_elm").removeAttr('id');
}
}
});
}
}
function textillate(wrapper,speed) {
if( wrapper.find("span")[0] ){
wrapper.addClass("textillate");
wrapper.find("span").each(function(i){
// $(this).delay(speed*i).queue(function() {
// $(this).addClass("show");
// });
$(this).delay(speed*i).queue(function() {
$(this).textillate({ in: {
effect: 'fadeIn',
delay: 50
} }).dequeue();
});
});
}
}
function wave_fadein(wrapper,speed) {
wrapper.imagesLoaded().done(function(){
if( wrapper.children("*")[0] ){
wrapper.addClass("wave_fadein");
wrapper.children("*").each(function(i){
$(this).delay(speed*i).queue(function() {
$(this).addClass("show");
});
});
}
});
}
function elm_fade( targets, delay ){
var target_num = targets.length;
$(targets[0]).addClass("show");
targets.splice(0,1);
if (target_num > 0) {
setTimeout(function(){
elm_fade( targets, delay );
},delay);
} else {
return false;
}
}
function thm_random_fade_start( target_index ){
var target_thms = target_index.find("ul > li.thm:not(.show)");
thm_random_fade( target_thms, 200 );
}
function thm_random_fade( targets, delay ){
var target_num = targets.length;
var random_i = Math.floor(Math.random()*target_num);
$(targets[random_i]).addClass("show");
targets.splice(random_i,1);
if (target_num > 0) {
setTimeout(function(){
thm_random_fade( targets, delay );
},delay);
} else {
return false;
}
}
var document_height = $(document).height();
var content_height = get_total_height($("#container > div#base > *"));
var entry_height = get_total_height($("#entry > div.inner > *"));
if( $("html.touch_device")[0] ){
var window_height = window.innerHeight;
}else{
var window_height = window.innerHeight ? window.innerHeight: $(window).height();
}
var window_width = $(window).width();
var window_ratio = window_height / window_width;
var scroll_val = $("body #container > div#base").scrollTop();
var scroll_action_flag = true;
if( $("body #container > div#base article.ground")[0] ){
scroll_action_flag = false;
}
if( $("body.modal")[0] ){
scroll_action_flag = false;
}
if( $("body.entry")[0] ){
scroll_action_flag = false;
}
function base_scroll() {
scroll_val = $("body #container > div#base").scrollTop();
// console.log("base scroll_val: "+scroll_val);
// console.log(scroll_val+window_height+"｜"+content_height);
if( scroll_val+window_height > content_height - 200 ){
$("html").addClass("scrolled")
$("html").addClass("scrollend")
}else if( scroll_val < Math.round(window_height/4) ){
$("html").removeClass("scrolled")
$("html").removeClass("scrollend")
}else if( scroll_val >= Math.round(window_height/4) && scroll_val+window_height < content_height - 200 ){
$("html").addClass("scrolled")
$("html").removeClass("scrollend")
}else{
$("html").addClass("scrolled")
$("html").addClass("scrollend")
}
if( scroll_val+window_height > content_height - 200 ){
$("html").addClass("scrolled_float_banner")
$("html").addClass("scrollend_float_banner")
}else if( scroll_val < Math.round(window_height*0.8) ){
$("html").removeClass("scrolled_float_banner")
$("html").removeClass("scrollend_float_banner")
}else if( scroll_val >= Math.round(window_height*0.8) && scroll_val+window_height < content_height - 700 ){
$("html").addClass("scrolled_float_banner")
$("html").removeClass("scrollend_float_banner")
}else{
$("html").addClass("scrolled_float_banner")
$("html").addClass("scrollend_float_banner")
}
if( $("body.root:not(.entry)")[0] ){
if( scroll_val < Math.round(parseInt($("body #container > div#base > article#root section.sec_top").height())) ){
$("html").addClass("root_top")
}else{
$("html").removeClass("root_top")
}
}else{
$("html").removeClass("root_top")
}
if( $("html.iOS")[0] ){
// scrollbar_height = parseInt(window_height * window_height / content_height);
// $('.scrollbar_thumb').css('height', scrollbar_height);
// var scrollbar_track = window_height - scrollbar_height;
// var scrollbar_offset = scroll_val * scrollbar_track / (content_height - window_height);
// $('.scrollbar_thumb').css('transform', 'translateY(' + scrollbar_offset + 'px)');
}
// if( $("article#root > article#top div.slide")[0] ){
// if( scroll_val < window_height*1.5 ){
// $("article#root > article#top div.slide > ul.carousel li.cell > a > div.img").css({
// "transform": "matrix(1, 0, 0, 1, 0, "+ (scroll_val/4) +")"
// });
// }
// }
if( $("body.root")[0] ){
if( scroll_val < window_height ){
$("body.root div#navi > nav").removeClass("show");
}else{
$("body.root div#navi > nav").addClass("show");
}
}
if( $("img.parallax")[0] ){
var window_center_y = window_height/2 + scroll_val;
$("img.parallax").each(function(){
var target = $(this);
var wrapper = $(this).closest(".parallax_base");
var speed_adjust = 1;
if( target.attr("data-speed_adjust") != undefined ){
speed_adjust = target.attr("data-speed_adjust");
}
if( target.height() <= wrapper.height() ){
target.css({"height": "120%" });
}
var wrapper_y = wrapper.offset().top + scroll_val;
var wrapper_center_y = wrapper_y + wrapper.height()/2;
var distance = window_center_y - wrapper_center_y;
var parallax_height = wrapper.height();
var img_height = target.height();
var val = img_height-parallax_height;
var move_y = Math.round((val/window_height)*distance)*speed_adjust;
target.css({"transform": "matrix(1, 0, 0, 1, 0, "+ move_y +")"});
});
}
if( scroll_action_flag === true && $("body #container > div#base article.ground")[0] ){
scroll_action_flag = false;
if( typeof scroll_action_limiter != "undefined" ){
clearTimeout( scroll_action_limiter );
}
scroll_action_limiter = setTimeout(
function(){
$("body #container > div#base article.ground").each(function(){
if( $(this).attr("id") != null ){
var ground_id = $(this).attr("id");
if( typeof category[ground_id] != "undefined" ){
var ground_offset = $("#" + selectorEscape( ground_id )).offset().top + scroll_val;
var ground_height = $("#" + selectorEscape( ground_id )).height();
if( scroll_val >= ground_offset && scroll_val <= ground_offset + ground_height ){
// console.log("ground_id::"+ground_id);
// console.log(id);
// console.log(ground_id);
var href = "https://lifesnap.jp/" + ground_id;
// console.log("do");
PJAX_pjax( href, "by_scroll", "" );
}else if( scroll_val < $("body #container > div#base article.ground").first().offset().top + scroll_val ){
if( $("body").attr("data-scroll") != "" ){
var scroll_split = $("body").attr("data-scroll").split('/');
var ground_directory = $("body").attr("data-scroll").replace( scroll_split[scroll_split.length-1], "" );
var href = "https://lifesnap.jp/" + ground_directory;
// console.log("top::"+href);
// console.log("why");
PJAX_pjax( href, "by_scroll", "" );
}
}
}
}
});
// console.log("true");
scroll_action_flag = true;
}
, 1000);
}
scroll_trigger();
}
function entry_scroll() {
scroll_val = $("#entry > div.inner").scrollTop();
// console.log("entry scroll_val: "+scroll_val);
if( $("#entry > div.inner > article")[0] ){
scroll_val = $("#entry > div.inner").scrollTop();
// console.log(scroll_val+window_height+"｜"+ Number(entry_height - 200));
if( scroll_val+window_height > entry_height - 200 ){
$("html").addClass("scrolled")
$("html").addClass("scrollend")
}else if( scroll_val < Math.round(window_height/4) ){
$("html").removeClass("scrolled")
$("html").removeClass("scrollend")
}else if( scroll_val >= Math.round(window_height/4) && scroll_val+window_height < entry_height - 200 ){
$("html").addClass("scrolled")
$("html").removeClass("scrollend")
}else{
$("html").addClass("scrolled")
$("html").addClass("scrollend")
}
if( scroll_val+window_height > entry_height - 200 ){
$("html").addClass("scrolled_float_banner")
$("html").addClass("scrollend_float_banner")
}else if( scroll_val < Math.round(window_height*0.8) ){
$("html").removeClass("scrolled_float_banner")
$("html").removeClass("scrollend_float_banner")
}else if( scroll_val >= Math.round(window_height*0.8) && scroll_val+window_height < entry_height - 700 ){
$("html").addClass("scrolled_float_banner")
$("html").removeClass("scrollend_float_banner")
}else{
$("html").addClass("scrolled_float_banner")
$("html").addClass("scrollend_float_banner")
}
if( $("#entry > div.inner > article img.parallax")[0] ){
var window_center_y = window_height/2 + scroll_val;
$("#entry > div.inner > article img.parallax").each(function(){
var target = $(this);
var wrapper = $(this).closest(".parallax_base");
var speed_adjust = 1;
if( target.attr("data-speed_adjust") != undefined ){
speed_adjust = target.attr("data-speed_adjust");
}
if( target.height() <= wrapper.height() ){
target.css({"height": "120%" });
}
var wrapper_y = wrapper.offset().top + scroll_val;
var wrapper_center_y = wrapper_y + wrapper.height()/2;
var distance = window_center_y - wrapper_center_y;
var parallax_height = wrapper.height();
var img_height = target.height();
var val = img_height-parallax_height;
var move_y = Math.round((val/window_height)*distance)*speed_adjust;
target.css({"transform": "matrix(1, 0, 0, 1, 0, "+ move_y +")"});
});
}
scroll_trigger();
}
}
window.window_resize = function () {
document_height = $(document).height();
content_height = get_total_height($("#container > div#base > *"));
entry_height = get_total_height($("#entry > div.inner > *"));
// console.log("document_height: "+document_height);
// console.log("content_height: "+content_height);
// console.log("entry_height: "+entry_height);
iframe_fit_height();
if( $("html.touch_device")[0] ){
window_height = window.innerHeight;
}else{
window_height = window.innerHeight ? window.innerHeight: $(window).height();
}
window_width = $(window).width();
window_ratio = window_height / window_width;
if( window_ratio > 1 ){
$("html").removeClass("horizontal");
$("html").addClass("portrait");
}else{
$("html").removeClass("portrait");
$("html").addClass("horizontal");
}
if( window_ratio < 0.6 ){
$("html").addClass("panorama");
}else{
$("html").removeClass("panorama");
}
if( $(".fit_window_height")[0] ){
$(".fit_window_height").css({"height": window_height});
}
if( $(".fit_window_height_navi")[0] ){
var set_height = window_height-$("#navi").outerHeight(true);
$(".fit_window_height_navi").css({"height": set_height});
}
if( $("div.slide.float > ul")[0] ){
var wrapper_ratio = $("div.slide.float > ul").outerHeight() / $("div.slide.float > ul").outerWidth();
$("div.slide > ul li.cell").each(function(){
var target_li = $(this);
var target_img = $(this).find("div.img > img");
target_img.imagesLoaded(function(){
target_img.addClass("loaded");
var img_ratio = target_img.height() / target_img.width();
target_li.removeClass("horizontal vertical");
if( wrapper_ratio < img_ratio ){
target_li.addClass("vertical");
}else{
target_li.addClass("horizontal");
}
});
});
}else if( $("div.slide > ul")[0] ){
var wrapper_ratio = $("div.slide > ul").outerHeight() / $("div.slide > ul").outerWidth();
$("div.slide > ul li").each(function(){
var target_li = $(this);
var target_img = $(this).find("div.img > img");
target_img.imagesLoaded(function(){
target_img.addClass("loaded");
var img_ratio = target_img.height() / target_img.width();
target_li.removeClass("horizontal vertical");
if( wrapper_ratio < img_ratio ){
target_li.addClass("vertical");
}else{
target_li.addClass("horizontal");
}
});
});
}
if( $("#entry > div.inner > article")[0] ){
// console.log("entry article exist");
entry_scroll_bind();
entry_scroll();
}else{
base_scroll();
}
}
var scroll_flug = true;
$("body #container > div#base").on("scroll.main",function(){
setTimeout(function(){
scroll_flug = true;
}, 10);
if(scroll_flug){
scroll_flug = false;
base_scroll();
}
});
function entry_scroll_bind(){
$("html").removeClass("scrolled");
$("html").removeClass("scrollend");
$("#entry > div.inner").on("scroll.main",function(){
entry_scroll();
// if(scroll_flug){
// scroll_flug = false;
// base_scroll();
// setTimeout(function(){
// scroll_flug = true;
// return scroll_flug;
// }, 50);
// }
});
}
$(window).bind("resize", window_resize);
function selectorEscape(val){
return val.replace(/\//g, '\\/');
}
function video_stop(){
$("article#top > div.inner > div.video > ul > li.video_1.part").removeClass("active");
setTimeout(function(){
$("article#top > div.inner > div.video > ul > li.video_1.part > div").empty();
$("article#top > div.inner > div.video > ul > li.video_2.part").removeClass("active");
setTimeout(function(){
$("article#top > div.inner > div.video > ul > li.video_2.part > div").empty();
},1000);
},1000);
}
function video_play(){
if( $("body.root")[0] ){
setTimeout(function(){
$("article#top > div.inner > div.video > ul > li.video_1.part").addClass("active");
create_video( $("article#top > div.inner > div.video > ul > li.video_1.part > div") , "https://s3.media-nisor.site/assets/lifesnap/elements/video_01" , "video_01" );
setTimeout(function(){
$("article#top > div.inner > div.video > ul > li.video_2.part").addClass("active");
create_video( $("article#top > div.inner > div.video > ul > li.video_2.part > div") , "https://s3.media-nisor.site/assets/lifesnap/elements/video_02" , "video_02" );
setTimeout(function(){
$("article#top > div.inner > div.video > ul > li.part > div > img").fadeIn(1000);
},1000);
},500);
},4000);
}
// if( $("body.root")[0] ){
// setTimeout(function(){
// $("article#top > div.inner > div.video > ul > li.video_1.part").addClass("active");
// create_video( $("article#top > div.inner > div.video > ul > li.video_1.part > div") , "http://test:1111@leafbrand.co.jp/elements/video_01" , "video_01" );
// setTimeout(function(){
// $("article#top > div.inner > div.video > ul > li.video_2.part").addClass("active");
// create_video( $("article#top > div.inner > div.video > ul > li.video_2.part > div") , "http://test:1111@leafbrand.co.jp/elements/video_02" , "video_02" );
// setTimeout(function(){
// $("article#top > div.inner > div.video > ul > li.part > div > img").fadeIn(1000);
// },1000);
// },500);
// },4000);
// }
}
function create_video(target, video_file, target_id) {
if( $("html.touch_device.iOS")[0] ) {
var width = target.outerWidth();
var height = target.outerHeight();
target.append('
');
setTimeout(function(){
target.parent().addClass("play");
var video = document.createElement('video');
video.style.display = 'none';
document.body.appendChild(video);
var canvas = document.getElementById('video_canvas_'+target_id);
$(canvas).css({"display": "block"});
var ctx = canvas.getContext("2d");
var ctime = 0;
var lastTime;
video.addEventListener('canplay',function(){
lastTime = Date.now();
setInterval(function(){
var curTime = Date.now();
var diff = Date.now() - lastTime;
lastTime = curTime;
ctime += diff/1000;
video.currentTime = ctime;
ctx.drawImage(video, 0, 0, width, height);
if(video.duration <= video.currentTime){
ctime = 0;
}
}, 1000/30);
},false);
video.src = video_file +'.mp4?24042721';
video.load();
},1000);
}else{
target.append('
');
setTimeout(function(){
target.parent().addClass("play");
target.find("video").each(function(){
if( ! $(this).hasClass("play") ){
$(this).addClass("play");
$(this).get(0).play();
}
});
},1000);
}
}
function load_iframe(){
$("iframe.preload:not('.loaded')").each(function(){
$(this).load(function(){
$(this).addClass("loaded");
});
});
}
load_iframe();
var start_limit = 1200;
if( typeof timerid_preload_finish != "undefined" ){
clearTimeout(timerid_preload_finish);
}
timerid_preload_finish = setTimeout(function(){
$("#header").addClass("start");
window_resize();
$("html").data("preloaded", 1);
preload_finish();
}, 2000);
$("html").data("preloaded", 0);
function preload(){
var img = [],
img_arr = $("img.preload"),
img_arr_lngth = img_arr.size();
var img_arr_lngth_total = img_arr_lngth;
if( img_arr_lngth_total > 0 ){
img_arr.each(function(indx){
img[indx] = new Image();
img[indx].onload = function(){
img_arr_lngth = img_arr_lngth - 1;
if( 0 >= img_arr_lngth ){
// img_load();
$("#header").addClass("start");
window_resize();
$("html").data("preloaded", 1);
setTimeout(function(){
$("div.progress").addClass("out");
var timer = getPast();
// console.log(timer);
if( timer > start_limit ){
preload_finish();
}else{
setTimeout(function(){
// console.log(getPast());
preload_finish();
},start_limit-timer);
}
},100);
}
};
img[indx].src = $(this).attr('src');
});
}else{
$("html").data("preloaded", 1);
$("#header").addClass("start");
$("div#progress").stop().animate({"width": "100%"},1500,"easeOutQuad",function(){
setTimeout(function(){
$("div.progress").addClass("out");
setTimeout(function(){
$("div#preloader").fadeOut(1500, function() {
$(this).remove();
window_resize();
});
},1000);
},100);
});
}
}
function preload_finish(){
if( typeof timerid_preload_finish != "undefined" ){
clearTimeout(timerid_preload_finish);
}
$("div#preloader").fadeOut(500, function() {
$(this).remove();
$("html").addClass("start");
window_resize();
slide_root_top_init();
// window.FB.XFBML.parse();
});
if( $(".calendar_business_day")[0] ){
create_fullcalendar($("div.calendar_business_day"),"business_day");
}
}
window.img_load = function () {
$("img.preload:not('.loaded')").each(function(){
$(this).imagesLoaded(function(){
$(this).addClass("loaded");
// window_resize();
});
});
}
var watch_target = document.getElementById('base');
var article_id = "";
function watch_refresh(){
var observer = new MutationObserver(function() {
article_id = $("body #container > div#base > article:not(.leave)").attr("id");
if( article_id == "login/" && $("#login_complete")[0] ){
var href = "https://lifesnap.jp/accounts/";
PJAX_pjax( href, "", "" );
}
});
observer.observe(watch_target, { childList: true, subtree: true });
}
$("body #header > header > h1 > a").imagesLoaded().done(function(){
if( $("#preloader")[0] ){
if( location.hash == "#/sc" ){
popup_close();
$("div#preloader").hide();
$("body").addClass("sc");
$("html").addClass("start");
$("#header").addClass("start");
setTimeout(function(){
preload_finish();
},500);
}else if( location.hash == "#/nopop" || location.hash == "#nopop" ){
popup_close();
preload();
getPast();
}else{
// console.log("logo img loaded");
$("body #header > header > h1 > a").addClass("loaded");
preload();
getPast();
}
}
if(past_href.indexOf( "#/process/" ) != -1){
hash_arr = past_href.split("#/process/");
past_href = hash_arr[0];
hash = hash_arr[1];
PJAX_hash( hash );
}else if(past_href.indexOf( "#/" ) != -1){
hash_arr = past_href.split("#/");
past_href = hash_arr[0];
hash = hash_arr[1];
PJAX_hash( hash );
}
});
$(window).bind('load', function() {
img_load();
// window_resize();
if( $("body #container > div#base article.ground")[0] ){
var target = $("#" + selectorEscape($("body").attr("data-scroll")));
if( target[0] ){
var val = target.offset().top + scroll_val;
scrollto(val);
}else{
scroll_action_flag = true;
}
}
watch_refresh();
});
$(document).on("click", "div.list.faq > div.media_list > dl > dt.over", function() {
$(this).next("dd").slideToggle();
return false;
});
function get_total_height(elms) {
var total_height = 0;
elms.each(function(i){
var height = $(this).outerHeight(true);
total_height += height;
});
return total_height;
}
function PJAX_hash( hash ) {
if(hash.indexOf( "photopicnic/waiting/" ) != -1){
var hash_arr = hash.split("photopicnic/waiting/");
var val = hash_arr[1];
if( $("iframe.photopicnic_waiting_form")[0] ){
var val_arr = val.split("/");
var data_id = val_arr[0];
var data_category = val_arr[1];
// console.log("https://lifesnap.jp/form/waiting_request/form?data-id="+data_id+"&data-category="+data_category);
$("iframe.photopicnic_waiting_form").attr("src","https://lifesnap.jp/form/waiting_request/form?data-id="+data_id+"&data-category="+data_category);
}
}else if( $("[data-scrollto='"+hash+"']")[0] ){
var val = $("[data-scrollto='"+hash+"']").first().offset().top + scroll_val - 120;
scrollto(val);
}else if( $("#"+hash)[0] ){
var val = $("#"+hash).first().offset().top + scroll_val;
scrollto(val);
}
}
$(document).on("click", "article#root > article#top a.arrow_scroll, body #container > div#base > article#root > article#top > div.inner > div.body > h2", function(){
var scroll_to = $("article#root > article#top").next("article").offset().top + scroll_val - 60;
scrollto(scroll_to);
return false;
});
$(document).on("click", "article#root > article#intro a.arrow_scroll", function(){
var scroll_to = $("article#root > article#intro").next("article").offset().top + scroll_val + 10;
scrollto(scroll_to);
return false;
});
$(document).on("click", "div#wrapper.plan > div#container > div#base > article > article#plan_top a.arrow_scroll", function(){
var scroll_to = $("div#wrapper.plan > div#container > div#base > article > article#plan_top > div.inner > header").offset().top + scroll_val - 70;
scrollto(scroll_to);
return false;
});
$(document).on("click", "div#entry > div.inner > article.root > div.body.topics.chitoseame > div.description > div.wrapper > section.intro > div.inner > header > div.arrow_scroll", function(){
var scroll_to = $("div#entry > div.inner > article.root > div.body.topics.chitoseame > div.description > div.wrapper > section.intro > div.inner > div.body").offset().top + scroll_val - 100;
scrollto(scroll_to);
return false;
});
var getPast = (function() {
var lastDate = NaN;
return function() {
var now = Date.now();
var past = now - lastDate;
lastDate = now;
return past;
};
})();
function slide_root_top_switch(target_wrapper, past_target, next_target) {
var next_id = next_target.attr("id");
target_wrapper.children("ul.dots").find("li").removeClass("active");
var next_dot = target_wrapper.find("."+next_id).addClass("active");
$("article#root > article#top").attr("slide_switch",next_id);
if( past_target != "" ){
past_target.addClass("pending active");
}
// img_url = next_target.find("div.img").attr("data-img-url");
next_target.find("div.img > img").imagesLoaded(function(){
next_target.addClass("active");
if( past_target != "" ){
setTimeout(function(){
past_target.removeClass("pending active");
},500);
}
slide_root_top_repeat(target_wrapper);
});
// next_target.find("div.img > img").attr("src", img_url);
}
function slide_root_top_repeat(target_wrapper) {
var max_num = target_wrapper.find("ul.carousel > li.cell").length;
var interval = 3000;
if( target_wrapper.find("ul.carousel > li.cell.active:not(.pending)").attr("data-interval") != undefined ){
interval = target_wrapper.find("ul.carousel > li.cell.active:not(.pending)").attr("data-interval")*1000;
}
// console.log(interval);
str = "";
if( target_wrapper.find("ul.carousel > li.cell.active:not(.pending) img").first().attr("alt") != undefined ){
str = target_wrapper.find("ul.carousel > li.cell.active:not(.pending) img").first().attr("alt");
}
$("article#root > article#top").attr("data-str",str);
if( typeof timerId_slide_root_top != "undefined" ){
clearTimeout(timerId_slide_root_top);
}
timerId_slide_root_top = setTimeout(function(){
if( max_num > 1 ){
var past_target = target_wrapper.find("ul.carousel > li.cell.active");
var next_target = "";
if( past_target.next("li")[0] ){
next_target = past_target.next("li");
}else{
next_target = target_wrapper.find("ul.carousel > li.cell").first();
}
slide_root_top_switch(target_wrapper, past_target, next_target);
}else{
clearTimeout(timerId_slide_root_top);
}
},interval);
}
function slide_start(target_wrapper) {
// target_wrapper.appendTo("#container");
// target_wrapper = $("body #container > div.slide.top");
target_wrapper = $("article#top > div.inner > div.slide.top");
setTimeout(
function(){
$("body #container > div#base > article#root > article#top > div.inner > div.body").addClass("show");
}
, 500);
target_wrapper.addClass("active");
target_wrapper.append('
');
target_wrapper.find("ul.carousel > li.cell").each(function(i){
var set_class = $(this).attr("id");
target_wrapper.children("ul.dots").append('
');
});
var max_num = target_wrapper.find("ul.carousel > li.cell").length;
// var first_target = target_wrapper.find("ul.carousel > li.cell").eq(rnd(max_num-1));
var first_target = target_wrapper.find("ul.carousel > li.cell").eq(0);
// var img_url = first_target.find("div.img").attr("data-img-url");
first_target.find("div.img > img").imagesLoaded(function(){
slide_root_top_switch(target_wrapper, "", first_target);
slide_root_top_repeat(target_wrapper);
});
// first_target.find("div.img > img").attr("src", img_url);
target_wrapper.children("ul.dots").find("li").click(function(){
if( !$(this).hasClass("active") ){
var past_target = target_wrapper.find("ul.carousel > li.cell.active");
var next_target = target_wrapper.find("ul.carousel > li.cell#"+$(this).attr("class"));
slide_root_top_switch(target_wrapper, past_target, next_target);
}
})
}
window.slide_root_top_init = function () {
if( $("div.slide.top:not(.active)")[0] && ! $("#popup")[0] ){
$("div.slide.top").addClass("active");
$("div.slide.top > ul.carousel > li.cell > a[data-link-to-flag='media']").click(function() {
return false;
})
var slide_img = [],
slide_img_arr = $("div.slide.top img.preload:not(.loaded)"), // ローディング対象の画像を指定
slide_img_arr_lngth = slide_img_arr.size();
var slide_img_arr_lngth_total = slide_img_arr_lngth;
if( slide_img_arr_lngth_total > 0 ){
slide_img_arr.each(function(indx){
slide_img[indx] = new Image();
slide_img[indx].onload = function(){
slide_img_arr_lngth = slide_img_arr_lngth - 1;
if( 0 >= slide_img_arr_lngth ){
slide_start( $("div.slide.top") );
}
};
slide_img[indx].src = $(this).attr('src');
});
}else{
slide_start( $("div.slide.top") );
}
}
}
function float_elm_clear(key) {
if( key != "modal" ){
$("#container > div.float").fadeOut(500, function() { $(this).remove(); });
}
if( key == "modal" ){
$("#wrapper > .float_elm").removeClass("active");
$("#wrapper > .float_elm").removeAttr("id");
if( $("#wrapper > .float_elm > div.inner > *")[0] ){
$("#wrapper > .float_elm > div.inner > *").remove();
}
if( $("#wrapper > .float_elm_entry_bg > div.inner > *")[0] ){
$("#wrapper > .float_elm_entry_bg > div.inner > *").remove();
}
}else{
$("#container > .float_elm").removeClass("active");
$("#container > .float_elm").removeAttr("id");
if( $("#container > .float_elm > div.inner > *")[0] ){
$("#container > .float_elm > div.inner > *").remove();
}
$("#wrapper > .float_elm").removeClass("active");
$("#wrapper > .float_elm").removeAttr("id");
if( $("#wrapper > .float_elm > div.inner > *")[0] ){
$("#wrapper > .float_elm > div.inner > *").remove();
}
if( $("#wrapper > .float_elm_entry_bg > div.inner > *")[0] ){
$("#wrapper > .float_elm_entry_bg > div.inner > *").remove();
}
}
}
function float_elm_add(elm) {
}
});