').prepend(ajax_data));
// $("#navi").empty();
// $("#navi").prepend(get_navi_elm);
$("#container > div#base > article").addClass("ajax");
setTimeout(
function(){
$("#container > div#base > article.leave").remove();
load_iframe();
// FB.XFBML.parse();
window_resize();
PJAX_loading_remove();
var scrollto_val = 0;
if( scroll != "" ){
scrollto_val = $("#" + selectorEscape(scroll)).offset().top;
}
scrollto(scrollto_val);
}
, 10);
if( data.directory == "root" ){
slide_start( $("body #container > div#base > article#root > article#top > div.inner > div.slide") );
}
img_load();
scroll_action_flag = true;
},
error:
function(XMLHttpRequest, textStatus, errorThrown){
}
});
}
function PJAX_ajaxload_load_more( 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();
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");
}
}
function scrollto(val){
scroll_action_flag = false;
$('#container > div#base').stop().animate({
scrollTop: val
}, 1000, "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://xn--6oq83huraq76ifrc30gusq.com/#!/" + href.replace( /^.\//, '' );
// window.location = href;
// }
// }
// $(document).on("click", "a.pjax", function(){
// var href = $(this).attr("href");
// if ( window.history.pushState ) {
// PJAX_pjax( href, "", "" );
// } else {
// var href = href.replace( "https://xn--6oq83huraq76ifrc30gusq.com/", "" );
// var href = "https://xn--6oq83huraq76ifrc30gusq.com/#!/" + 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://xn--6oq83huraq76ifrc30gusq.com/";
// }
// PJAX_pjax( href, "", "" );
// }
// })
// $(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( $(".scroll_trigger")[0] ){
var target = $(".scroll_trigger");
var length = target.length;
for(var i=0; i
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;
}
}
function scroll_off(){
var scroll_event = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll';
$(document).on(scroll_event,function(e){e.preventDefault();});
$(document).on('touchmove.noScroll', function(e) {e.preventDefault();});
}
function scroll_on(){
var scroll_event = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll';
$(document).off(scroll_event);
$(document).off('.noScroll');
}
if( id == "" ){
// scroll_off();
}else{
// scroll_on();
}
var document_height = $(document).height();
var content_height = $("#wrapper").height();
var entry_height = $("#container > #entry > div.inner > *").height();
if( $("html.touch_device")[0] ){
if( window.innerHeight > window.innerWidth ){
var window_height = $(window).height();
}else{
var window_height = $(window).height();
}
}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 = $(window).scrollTop();
var scroll_action_flag = true;
if( $("body.modal")[0] ){
scroll_action_flag = false;
}
if( $("body.entry")[0] ){
scroll_action_flag = false;
}
function window_action() {
scroll_trigger();
scroll_val = $(window).scrollTop();
// console.log(scroll_val+window_height+"｜"+content_height);
if( scroll_val+window_height > content_height - 100 ){
$("html").addClass("scrolled")
$("html").addClass("scrollend")
}else if( scroll_val < Math.round(window_height/5) ){
$("html").removeClass("scrolled")
$("html").removeClass("scrollend")
}else if( scroll_val >= Math.round(window_height/5) && scroll_val+window_height < content_height - 100 ){
$("html").addClass("scrolled")
$("html").removeClass("scrollend")
}else{
$("html").addClass("scrolled")
$("html").addClass("scrollend")
}
if( $("img.parallax")[0] ){
var window_center_y = scroll_val + window_height/2;
$("img.parallax").each(function(){
var target = $(this);
var wrapper = $(this).parent();
if( target.outerHeight() <= wrapper.outerHeight() ){
target.css({"height": "110%" });
}
var wrapper_y = wrapper.offset().top;
var wrapper_center_y = wrapper_y + wrapper.outerHeight()/2;
var distance = window_center_y - wrapper_center_y;
var parallax_height = wrapper.outerHeight();
var img_height = target.outerHeight();
var val = img_height-parallax_height;
var move_y = Math.round((val/window_height)*distance);
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;
// var ground_height = $("#" + selectorEscape( ground_id )).height();
// if( scroll_val >= ground_offset && scroll_val <= ground_offset + ground_height ){
// // console.log(id);
// // console.log(ground_id);
// var href = "https://xn--6oq83huraq76ifrc30gusq.com/" + ground_id;
// // console.log("scroll::"+href);
// PJAX_pjax( href, "by_scroll", "" );
// }else if( scroll_val < $("body #container > div#base article.ground").first().offset().top ){
// 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://xn--6oq83huraq76ifrc30gusq.com/" + ground_directory;
// // console.log("top::"+href);
// PJAX_pjax( href, "by_scroll", "" );
// }
// }
// }
// }
// });
// scroll_action_flag = true;
// }
// , 1000);
// }
}
function window_resize() {
document_height = $(document).height();
content_height = $("#wrapper").height();
entry_height = $("#container > #entry > div.inner > *").height();
if( $("html.touch_device")[0] ){
if( window.innerHeight > window.innerWidth ){
window_height = $(window).height();
}else{
window_height = $(window).height();
}
}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( $("body #container > div#base > article#root > article#top > div.inner > div.slide > ul")[0] ){
var wrapper_ratio = $("body #container > div#base > article#root > article#top > div.inner > div.slide > ul").height() / $("body #container > div#base > article#root > article#top > div.inner > div.slide > ul").width();
$("body #container > div#base > article#root > article#top > div.inner > 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");
}
});
});
}
window_action();
}
var scroll_flug = true;
$(window).scroll(function(){
setTimeout(function(){
scroll_flug = true;
}, 100);
if(scroll_flug){
scroll_flug = false;
window_action();
}
});
$(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://xn--6oq83huraq76ifrc30gusq.com/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://xn--6oq83huraq76ifrc30gusq.com/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?25020521';
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();
// $("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;
// var progress = Math.round((1-img_arr_lngth/img_arr_lngth_total)*100);
// $("div.progress").stop().animate({"width": progress + "%"},2000);
// if( 0 >= img_arr_lngth ){
// $("html").data("preloaded", 1);
// $("div.progress").stop().animate({"width": "100%"},1500,"easeOutQuad",function(){
// setTimeout(function(){
// $("div.progress").addClass("out");
// setTimeout(function(){
// $("div#preloader").fadeOut(1000, function() {
// $(this).remove();
// window_resize();
// $("html").addClass("start");
// slide_start( $("body #container > div#base > article#root > article#top > div.inner > div.slide") );
// });
// },200);
// },200);
// });
// }
// };
// img[indx].src = $(this).attr('src');
// });
// }else{
// $("html").data("preloaded", 1);
// $("div#progress").stop().animate({"width": "100%"},1500,"easeOutQuad",function(){
// $.getScript("https://xn--6oq83huraq76ifrc30gusq.com/js/3d.js?1707063", function(){
// });
// setTimeout(function(){
// $("div.progress").addClass("out");
// setTimeout(function(){
// $("div#preloader").fadeOut(2000, function() {
// $(this).remove();
// window_resize();
// });
// },1000);
// },200);
// });
// }
// }
function img_load(){
$("img.preload:not('.loaded')").each(function(){
$(this).imagesLoaded(function(){
$(this).addClass("loaded");
});
});
}
$(window).bind('load', function() {
if( $("body #container > div#base article.ground")[0] ){
scroll_action_flag = false;
var target = $("#" + selectorEscape($("body").attr("data-scroll")));
if( target[0] ){
var val = target.offset().top;
scrollto(val);
}
}
setTimeout(function(){
img_load();
window_resize();
$("html").addClass("start");
slide_start( $("body #container > div#base > article#root > article#top > div.inner > div.slide") );
},100);
});
function rnd(n){
return Math.floor(Math.random()*(n+1));
}
function slide_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");
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_repeat(target_wrapper);
});
next_target.find("div.img > img").attr("src", img_url);
}
function slide_repeat(target_wrapper) {
var max_num = target_wrapper.find("ul.carousel > li.cell").length;
if( typeof timerId_slide != "undefined" ){
clearTimeout(timerId_slide);
}
timerId_slide = 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_switch(target_wrapper, past_target, next_target);
}else{
clearTimeout(timerId_slide);
}
},6000);
}
function slide_start(target_wrapper) {
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_switch(target_wrapper, "", first_target);
slide_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_switch(target_wrapper, past_target, next_target);
}
})
}
$(document).on("click", "article#root > article#top div.slide > ul.carousel > li.cell > a[data-link-to-flag='media']", function(){
return false;
});
$(document).on("click", "div.list.faq > div.media_list > dl > dt.over", function() {
$(this).next("dd").slideToggle();
return false;
});
$(document).on("click", "body #container > div#base > article#contact\\/ > div.inner > div.body > section.term > div.inner > div.privacy > div.switch", function() {
if( $(this).hasClass("active") ){
$(this).removeClass("active");
}else{
$(this).addClass("active");
}
$(this).next("div.toggle").slideToggle();
return false;
});
});