$(function() {
$("div.social > div a.over").off("mouseover").off("mouseout");
$(document).on("mouseover", "#address address a.over", function(){
$(this).parent().css({
"background-image" : "url(https://toshiyashimozawa.com/elements/btn_utility.png)"
});
$(this).stop().animate({
"opacity" : 0
}, 10);
});
$(document).on("mouseout", "#address address a.over", function(){
$(this).stop().animate({
"opacity" : 1
}, 500,
function(){
$(this).parent().css({"background-image" : "none"});
});
});
$(document).on("mouseover", "#address div a.over", function(){
$(this).parent().css({
"background-image" : "url(https://toshiyashimozawa.com/elements/btn_utility.png)"
});
$(this).stop().animate({
"opacity" : 0
}, 10);
});
$(document).on("mouseout", "#address div a.over", function(){
$(this).stop().animate({
"opacity" : 1
}, 500,
function(){
$(this).parent().css({"background-image" : "none"});
});
});
$(document).on("mouseover", "#entry div.social > div a.over", function(){
$(this).parent().css({
"background-image" : "url(https://toshiyashimozawa.com/elements/btn_social_large.png)"
});
$(this).stop().animate({
"opacity" : 0
}, 10);
});
$(document).on("mouseout", "#entry div.social > div a.over", function(){
$(this).stop().animate({
"opacity" : 1
}, 500,
function(){
$(this).parent().css({"background-image" : "none"});
});
});
$(document).on("click", "aside.top_info a.pjax", function(){
var scrollto = $("#container").offset().top - 80;
$('html,body').stop().animate({
scrollTop: scrollto
}, 1000, "easeOutQuint");
});
LOADMORE_loadmore_flag = false;
function LOADMORE_initialize(LOADMORE_index_i){
var LOADMORE_set_index_count_i = LOADMORE_index_i;
LOADMORE_thumb_i_max = $("div#index > article > ul > li.thm").length;
thmArr = [];
LOADMORE_thumb_i = 0;
$("div#index > article > ul > li.thm").each(function(){
thmArr.push($(this));
LOADMORE_thumb_i ++;
});
LOADMORE_index_thumbs_fade(LOADMORE_set_index_count_i);
}
y = 0;
prev_y = 0;
vertical_align = "";
function LOADMORE_index_thumbs_fade(LOADMORE_set_index_count_i) {
var i = LOADMORE_set_index_count_i;
if( i < LOADMORE_thumb_i ){
thmArr[i].find(".img > *").imagesLoaded(function(){
if( thmArr[i].is(".on") ){
thmArr[i].stop().animate({
"margin-top": 0,
"opacity": 1
},400);
var ua = navigator.userAgent;
var isIE8 = ua.match(/msie [8.]/i);
if( isIE8 ){
thmArr[i].find("figure *[class != 'text_wrapper']").animate({
"margin-top": 0,
"opacity": 1
},200);
}
}else{
thmArr[i].stop().animate({
"margin-top": 0,
"opacity": 0.1
},400);
var ua = navigator.userAgent;
var isIE8 = ua.match(/msie [8.]/i);
if( isIE8 ){
thmArr[i].find("figure *[class != 'text_wrapper']").animate({
"margin-top": 0,
"opacity": 0.1
},200);
}
}
setTimeout(function(){
i++;
LOADMORE_index_thumbs_fade(i);
},10);
});
}else{
LOADMORE_loadmore_flag = true;
//$("li.load_more").fadeIn(300);
}
}
function LOADMORE_loadmore_index( id, index_count_i, index_count_limit, href ){
$("li.load_more > a > div").fadeOut(300).remove();
$.ajax({
url: "https://toshiyashimozawa.com/ajax_index_load.php",
data: "id=" + id + "&index_count_i=" + index_count_i + "&index_count_limit=" + index_count_limit + "",
success:
function(data, dataType){
$("div#index .load_more").remove();
_gaq.push(['_trackPageview', '/' + href ]);
$("div#index > article > ul").append( data );
LOADMORE_initialize(index_count_i);
},
complete:
function(XMLHttpRequest, textStatus){
},
error:
function(XMLHttpRequest, textStatus, errorThrown){
}
});
}
$(window).bind('load', function() {
setTimeout(function(){
LOADMORE_initialize(0);
},100);
});
$(document).on("click", ".load_more > a", function(){
if( LOADMORE_loadmore_flag == true ){
LOADMORE_loadmore_flag = false;
var id = $(this).attr("data-id");
var index_count_i = $(this).attr("data-index_count_i");
var index_count_limit = $(this).attr("data-index_count_limit");
var href = $(this).attr("href").replace( "https://toshiyashimozawa.com/", "" );
LOADMORE_loadmore_index( id, index_count_i, index_count_limit, href );
}
return false;
});
$(window).scroll(function(){
var window_height = $(window).height();
var scroll_val = $(window).scrollTop();
if( LOADMORE_loadmore_flag == true && $("li.load_more > a > div").length ){
var target = $(".load_more > a");
var margin = 500;
var load_more_top = target.offset().top;
if( scroll_val > load_more_top - window_height - margin ){
var id = target.attr("data-id");
var index_count_i = target.attr("data-index_count_i");
var index_count_limit = target.attr("data-index_count_limit");
var href = target.attr("href").replace( "https://toshiyashimozawa.com/", "" );
LOADMORE_loadmore_flag = false;
LOADMORE_loadmore_index( id, index_count_i, index_count_limit, href );
}
}
});
var slide_topics_timer_speed = 6000;
var slide_topics_set_fade_speed = 1000;
var slide_topics_swipe_speed = 2000;
if( "on" == "on"){
var slide_topics_repeat_flag = "true";
}else{
var slide_topics_repeat_flag = "false";
}
var slide_topics_ratio = "flexible";
var slide_topics_type = "basic";
var slide_topics_create_i = 0;
var slide_topics_past_i = 1;
var slide_topics_single_page = "true";
var slide_topics_preload_i = 0;
var slide_topics_past_target = "";
var slide_topics_past_entry_title = "";
var slide_topics_past_entry_description = "";
var slide_topics_create_swipe_contents_i = 0;
var slide_topics_loop_id = 0;
var slide_topics_window_height = $(window).height();
var slide_topics_window_width = $(window).width();
var slide_topics_width = $("#slide_topics").width();
var slide_topics_height = $("#slide_topics").height();
var slide_topics_thumbnail_height = $("#slide_topics > .thumbnail").height();
var slide_topics_pageHolder_width = $("#slide_topics > .thumbnail > .pageHolder").width();
var slide_topics_pageWrap_width = $("#slide_topics > .thumbnail > .pageHolder > .pageWrap").width();
var slide_topics_pageWrap_left = 0;
function slide_topics_initialize(){
$(window).bind("resize", slide_topics_window_resize);
slide_topics_window_resize();
if( slide_topics_maxnum > 1 ){
$("#slide_topics div.arrow_image_right").fadeIn(200);
$("#slide_topics div.arrow_image_left").fadeIn(200);
slide_topics_single_page = "";
}else{
slide_topics_single_page = "true";
$("#slide_topics div.swipe_contents > .group:first").remove();
}
if( slide_topics_type == "basic"){
slide_topics_start_action();
slide_topics_create_img();
$("#slide_topics div.swipe_contents").remove();
$("#slide_topics .swipe_me").remove();
}
if( slide_topics_type == "swipe"){
slide_topics_create_swipe_contents();
}
}
function slide_topics_start_action(){
$("#slide_topics > .spinner").animate({
"opacity": 0
}, 500,
function(){
$("#slide_topics .thumbnail, #slide_topics .frame").animate({"opacity": 1},1000, "easeOutQuint");
$(this).remove();
});
}
function slide_topics_create_img(){
if( slide_topics_type == "basic" ){
if( slide_topics_past_i != slide_topics_create_i ){
var img_url = slide_topics_array[slide_topics_create_i][0];
var thumb_url = slide_topics_array[slide_topics_create_i][1];
var img_height = slide_topics_array[slide_topics_create_i][2];
var img_width = slide_topics_array[slide_topics_create_i][3];
var caption_jp = slide_topics_array[slide_topics_create_i][4];
var caption_en = slide_topics_array[slide_topics_create_i][5];
var description_jp = slide_topics_array[slide_topics_create_i][6];
var description_en = slide_topics_array[slide_topics_create_i][7];
var link_url = slide_topics_array[slide_topics_create_i][8];
var link_target = slide_topics_array[slide_topics_create_i][9];
var link_to_flag = slide_topics_array[slide_topics_create_i][10];
var entry_title_jp = slide_topics_array[slide_topics_create_i][11];
var entry_title_en = slide_topics_array[slide_topics_create_i][12];
var entry_description_jp = slide_topics_array[slide_topics_create_i][13];
var entry_description_en = slide_topics_array[slide_topics_create_i][14];
slide_topics_switch_thumbs();
slide_topics_past_i = slide_topics_create_i;
$("#slide_topics > .frame > .controller > a").remove();
if( link_to_flag != "media" ){
$("#slide_topics > .frame > .controller").append("");
}
var entry_description = entry_description_jp + entry_description_en;
if( entry_description != slide_topics_past_entry_description ){
$("#slide_topics > .frame > .controller > .text_entry").fadeOut(
500,
function () {
$("#slide_topics > .frame > .controller > .text_entry > .description > .jp").empty().append(entry_description_jp);
$("#slide_topics > .frame > .controller > .text_entry > .description > .en").empty().append(entry_description_en);
$(this).fadeIn(1000);
}
);
slide_topics_past_entry_description = entry_description;
}
$("#slide_topics > .frame > .controller > .text_media").fadeOut(200,
function() {
$("#slide_topics > .frame > .controller > .text_media > .title > .jp").empty();
$("#slide_topics > .frame > .controller > .text_media > .title > .jp").append(caption_jp);
$("#slide_topics > .frame > .controller > .text_media > .title > .en").empty();
$("#slide_topics > .frame > .controller > .text_media > .title > .en").append(caption_en);
$("#slide_topics > .frame > .controller > .text_media > .description > .jp").empty();
$("#slide_topics > .frame > .controller > .text_media > .description > .jp").append(description_jp);
$("#slide_topics > .frame > .controller > .text_media > .description > .en").empty();
$("#slide_topics > .frame > .controller > .text_media > .description > .en").append(description_en);
$(this).fadeIn(200);
}
);
var set_img_div = "slide_topics_img_div_" + slide_topics_create_i;
$("#slide_topics > .frame > .main").prepend("
");
var target = $("#slide_topics div#" + set_img_div);
target.find("img.low").load(function () {
target.find("img.low").fadeIn(slide_topics_set_fade_speed, "easeOutQuint");
target.find("img.high").load(function () {
slide_topics_window_resize();
target.find("img.high").fadeIn(slide_topics_set_fade_speed, "easeOutQuint");
});
target.find("img.high").attr("src", img_url);
if( slide_topics_past_target != "" ){
slide_topics_past_target.parent().stop().fadeOut(
slide_topics_set_fade_speed,
function () {
$(this).remove();
}
);
}
slide_topics_past_target = target;
slide_topics_preload_image();
slide_topics_img_cover_center_action( target, img_height, img_width );
slide_topics_set_timer();
});
target.find("img.low").attr("src", thumb_url);
}
}
if( slide_topics_type == "swipe" ){
var img_url = slide_topics_array[slide_topics_create_i][0];
var thumb_url = slide_topics_array[slide_topics_create_i][1];
var img_height = slide_topics_array[slide_topics_create_i][2];
var img_width = slide_topics_array[slide_topics_create_i][3];
var caption_jp = slide_topics_array[slide_topics_create_i][4];
var caption_en = slide_topics_array[slide_topics_create_i][5];
var description_jp = slide_topics_array[slide_topics_create_i][6];
var description_en = slide_topics_array[slide_topics_create_i][7];
var link_url = slide_topics_array[slide_topics_create_i][8];
var link_target = slide_topics_array[slide_topics_create_i][9];
var link_to_flag = slide_topics_array[slide_topics_create_i][10];
var entry_title_jp = slide_topics_array[slide_topics_create_i][11];
var entry_title_en = slide_topics_array[slide_topics_create_i][12];
var entry_description_jp = slide_topics_array[slide_topics_create_i][13];
var entry_description_en = slide_topics_array[slide_topics_create_i][14];
slide_topics_switch_thumbs();
if( slide_topics_single_page == "" ){
slide_topics_loop_cloning();
}
slide_topics_past_i = slide_topics_create_i;
if( link_to_flag == "media" ){
$("#slide_topics .swipescroll > div.swipe_contents").css({"cursor": "default"});
}else{
$("#slide_topics .swipescroll > div.swipe_contents").css({"cursor": "pointer"});
}
$("#slide_topics .swipescroll > div.swipe_contents > .text_media").fadeOut(200,
function() {
var left = slide_topics_mainframe_width * (slide_topics_create_i + slide_topics_loop_id*slide_topics_maxnum);
$("#slide_topics .swipescroll > div.swipe_contents > .text_media").css("left", left);
$("#slide_topics .swipescroll > div.swipe_contents > .text_media > div").removeClass().addClass(caption_en);
$("#slide_topics .swipescroll > div.swipe_contents > .text_media > div > .message > .title > .jp").empty().append(caption_jp);
$("#slide_topics .swipescroll > div.swipe_contents > .text_media > div > .message > .title > .en").empty().append(caption_en);
$("#slide_topics .swipescroll > div.swipe_contents > .text_media > div > .message > .description > .jp").empty().append("" + entry_description_jp + "
").append(description_jp);
$("#slide_topics .swipescroll > div.swipe_contents > .text_media > div > .message > .description > .en").empty().append("" + entry_description_en + "
").append(description_en);
$(this).fadeIn(1000);
}
);
var entry_title = entry_title_jp + entry_title_en;
if( entry_title != slide_topics_past_entry_title ){
$("#slide_topics .swipescroll > .text_entry").fadeOut(
500,
function () {
$("#slide_topics > .frame > .controller > .text_entry > .title > .jp").empty().append(entry_title_jp);
$("#slide_topics > .frame > .controller > .text_entry > .title > .en").empty().append(entry_title_en);
$(this).fadeIn(1000);
}
);
}
slide_topics_past_entry_title = entry_title;
var target = $("#slide_topics div#slide_topics_img_div_" + slide_topics_create_i);
target.find("img.high").load(function () {
slide_topics_window_resize();
target.find("img.high").fadeIn(slide_topics_set_fade_speed, "easeOutQuint");
});
target.find("img.high").attr("src", img_url);
slide_topics_past_target = target;
slide_topics_img_cover_center_action( target, img_height, img_width );
slide_topics_set_timer();
}
}
function slide_topics_preload_image(){
$("#slide_topics > .frame > .main > img").remove();
slide_topics_preload_i = slide_topics_create_i+1;
if( slide_topics_preload_i >= slide_topics_maxnum ){
slide_topics_preload_i = 0;
}
var next_img_url = slide_topics_array[slide_topics_preload_i][0];
$("#slide_topics > .frame > .main").append("");
var next_target = $("#slide_topics img#pre_" + slide_topics_preload_i );
next_target.attr("src", next_img_url);
}
function slide_topics_img_fit_action( target, img_height, img_width ){
target.addClass("fit");
slide_topics_window_resize();
}
function slide_topics_img_cover_center_action( target, img_height, img_width ){
target.addClass("cover_center");
slide_topics_window_resize();
}
function slide_topics_img_cover_pan_action( target, img_height, img_width ){
var target_width = $("#slide_topics > .frame > .main").width();
var target_height = parseInt(img_height*(target_width/img_width));
if( target_height <= slide_topics_mainframe_height ){
target.addClass("cover_pan_expand");
target_height = slide_topics_mainframe_height*1.25;
target.css({
"top": slide_topics_mainframe_height-target_height,
"height": target_height
});
target.animate({
"top": "0px"
}, slide_topics_timer_speed + 2000, "swing");
slide_topics_window_resize();
}else{
target.addClass("cover_pan");
slide_topics_window_resize();
target.css({
"top": slide_topics_mainframe_height-target_height,
"width": "100%"
});
target.animate({
"top": "0px"
}, slide_topics_timer_speed + 2000, "swing");
}
}
function slide_topics_window_resize(e) {
slide_topics_window_height = $(window).height();
slide_topics_window_width = $(window).width();
if( slide_topics_ratio == "flexible" ){
slide_topics_width = $("#slide_topics").width();
slide_topics_height = $("#slide_topics").height();
}else{
slide_topics_width = $("#slide_topics").width();
slide_topics_height = Math.round(slide_topics_width*0/0);
$("#slide_topics").css({"height": slide_topics_height});
}
slide_topics_mainframe_width = $("#slide_topics > .frame > .main").width();
slide_topics_mainframe_height = $("#slide_topics > .frame > .main").height();
slide_topics_thumbnail_height = $("#slide_topics > .thumbnail").height();
slide_topics_pageHolder_width = $("#slide_topics > .thumbnail > .pageHolder").width();
slide_topics_pageWrap_width = $("#slide_topics > .thumbnail > .pageHolder > .pageWrap").width();
if( slide_topics_type == "swipe"){
$("#slide_topics .swipescroll > div.swipe_contents > .group > .swipe_ul > .swipe_li").css("width", slide_topics_mainframe_width);
$("#slide_topics .swipescroll > div.swipe_contents > .text_media").css("width", slide_topics_mainframe_width);
$("#slide_topics .swipescroll > div.swipe_contents > .group").each(function(){
var swipe_li_num = $(this).find('.swipe_li').length;
var group_width = slide_topics_mainframe_width*swipe_li_num;
$(this).css({"width":group_width});
});
var left = slide_topics_mainframe_width * (slide_topics_create_i + slide_topics_loop_id*slide_topics_maxnum);
$("#slide_topics .swipescroll > div.swipe_contents").stop().animate({"left": -left}, slide_topics_swipe_speed, "easeOutQuint");
var width = parseInt($("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + slide_topics_loop_id + "]").width());
$("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + (slide_topics_loop_id) + "]").css("left", width*(slide_topics_loop_id));
$("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + (slide_topics_loop_id - 1) + "]").css("left", width*(slide_topics_loop_id - 1));
$("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + (slide_topics_loop_id + 1) + "]").css("left", width*(slide_topics_loop_id + 1));
if( slide_topics_single_page == "" ){
slide_topics_swipe_action();
}
}
if( $("#slide_topics div.image_wrapper")[0] ){
if( slide_topics_type == "swipe"){
$("#slide_topics div.image_wrapper").each(function(){
if( "cover_center" == "cover_pan" ){
var img_height = $(this).attr("data-height");
var img_width = $(this).attr("data-width");
var target_width = $("#slide_topics > .frame > .main").width();
var target_height = parseInt(img_height*(target_width/img_width));
$(this).removeClass("cover_pan");
$(this).removeClass("cover_center");
if( target_height <= slide_topics_mainframe_height ){
$(this).addClass("cover_center");
}else{
$(this).addClass("cover_pan");
}
}else{
$(this).addClass("cover_center");
}
});
}
$("#slide_topics div.image_wrapper.fit").each(function(){
var img_height = $(this).attr("data-height");
var img_width = $(this).attr("data-width");
if( Math.round(img_width / slide_topics_mainframe_width * 100) <= Math.round(img_height / slide_topics_mainframe_height * 100) ){
var target_height = slide_topics_mainframe_height;
var target_width = img_width*Math.round(slide_topics_mainframe_height/img_height*100)/100;
var target_top = 0;
var target_left = (slide_topics_mainframe_width - target_width)/2;
}else{
var target_width = slide_topics_mainframe_width;
var target_height = img_height*Math.round(slide_topics_mainframe_width/img_width*100)/100;
var target_top = (slide_topics_mainframe_height - target_height)/2;
var target_left = 0;
}
$(this).css({
"height": target_height,
"width": target_width,
"top": target_top,
"left": target_left
});
});
$("#slide_topics div.image_wrapper.cover_center").each(function(){
var img_height = $(this).attr("data-height");
var img_width = $(this).attr("data-width");
if( Math.round(img_width / slide_topics_mainframe_width * 100) >= Math.round(img_height / slide_topics_mainframe_height * 100) ){
var target_height = slide_topics_mainframe_height;
var target_width = img_width*Math.round(slide_topics_mainframe_height/img_height*100)/100;
var target_top = 0;
var target_left = (slide_topics_mainframe_width - target_width)/2;
}else{
var target_width = slide_topics_mainframe_width;
var target_height = img_height*Math.round(slide_topics_mainframe_width/img_width*100)/100;
var target_top = (slide_topics_mainframe_height - target_height)/2;
var target_left = 0;
}
$(this).css({
"height": target_height,
"width": target_width,
"top": target_top,
"left": target_left
});
});
$("#slide_topics div.image_wrapper.cover_pan").each(function(){
var img_height = $(this).attr("data-height");
var img_width = $(this).attr("data-width");
var target_width = slide_topics_mainframe_width;
var target_height = img_height*Math.round(slide_topics_mainframe_width/img_width*100)/100;
$(this).css({
"height": target_height,
"width": target_width,
"margin-left": 0
});
});
$("#slide_topics div.image_wrapper.cover_pan_expand").each(function(){
var img_height = $(this).attr("data-height");
var img_width = $(this).attr("data-width");
var target_height = slide_topics_mainframe_height*1.25;
var target_width = img_width*Math.round(slide_topics_mainframe_height/img_height*100)/100*1.25;
$(this).css({
"height": target_height,
"width": target_width,
"margin-left": (slide_topics_mainframe_width-target_width)/2
});
});
}
slide_topics_arrow_show_hide();
}
function slide_topics_set_timer(){
if( typeof slide_topics_Repeater != "undefined" ){
clearTimeout( slide_topics_Repeater );
}
if( slide_topics_repeat_flag == "true" ){
slide_topics_Repeater = setTimeout(
function(){
slide_topics_slide_play();
}
, slide_topics_timer_speed);
}
}
function slide_topics_slide_play(){
slide_topics_create_i ++;
if( slide_topics_create_i == slide_topics_maxnum){
slide_topics_create_i = 0;
slide_topics_loop_id ++;
slide_topics_create_img();
}else{
slide_topics_create_img();
}
}
$("#slide_topics > .thumbnail > .pageHolder > .pageWrap > ul > li > a").click(function(){
slide_topics_create_i = parseInt($(this).attr("id"));
slide_topics_create_img();
slide_topics_set_timer();
return false;
})
function slide_topics_switch_thumbs(){
$( "#slide_topics > .thumbnail > .pageHolder > .pageWrap > ul > li > a#"+slide_topics_past_i ).removeClass("active");
$( "#slide_topics > .thumbnail > .pageHolder > .pageWrap > ul > li > a#"+slide_topics_past_i ).addClass("over");
$( "#slide_topics > .thumbnail > .pageHolder > .pageWrap > ul > li > a#"+slide_topics_past_i ).css("opacity", 0.5);
$( "#slide_topics > .thumbnail > .pageHolder > .pageWrap > ul > li > a#"+slide_topics_past_i ).css("cursor", "pointer");
$( "#slide_topics > .thumbnail > .pageHolder > .pageWrap > ul > li > a#"+slide_topics_create_i ).removeClass("over");
$( "#slide_topics > .thumbnail > .pageHolder > .pageWrap > ul > li > a#"+slide_topics_create_i ).addClass("active");
$( "#slide_topics > .thumbnail > .pageHolder > .pageWrap > ul > li > a#"+slide_topics_create_i ).css("opacity", 1);
$( "#slide_topics > .thumbnail > .pageHolder > .pageWrap > ul > li > a#"+slide_topics_create_i ).css("cursor", "default");
}
function slide_topics_arrow_show_hide() {
if(slide_topics_pageHolder_width >= slide_topics_pageWrap_width){
$("#slide_topics .arrow_page_left").fadeOut(200);
$("#slide_topics .arrow_page_right").fadeOut(200);
}else if(slide_topics_pageWrap_left == 0){
$("#slide_topics .arrow_page_left").fadeOut(200);
$("#slide_topics .arrow_page_right").fadeIn(200);
}else if(-slide_topics_pageWrap_left + slide_topics_pageHolder_width >= slide_topics_pageWrap_width){
$("#slide_topics .arrow_page_left").fadeIn(200);
$("#slide_topics .arrow_page_right").fadeOut(200);
}else{
$("#slide_topics .arrow_page_left").fadeIn(200);
$("#slide_topics .arrow_page_right").fadeIn(200);
}
}
$("#slide_topics div.arrow_page_right").click(function(){
if(-(slide_topics_pageWrap_left-slide_topics_pageHolder_width) + slide_topics_pageHolder_width >= slide_topics_pageWrap_width){
slide_topics_pageWrap_left += slide_topics_pageHolder_width-(slide_topics_pageWrap_width+slide_topics_pageWrap_left);
}else{
slide_topics_pageWrap_left -= slide_topics_pageHolder_width-60;
}
$("#slide_topics .pageHolder .pageWrap").stop().animate({
marginLeft : slide_topics_pageWrap_left+"px"
},200, "easeOutQuint");
slide_topics_arrow_show_hide();
})
$("#slide_topics div.arrow_page_left").click(function(){
if(slide_topics_pageWrap_left+slide_topics_pageHolder_width-60 >= 0){
slide_topics_pageWrap_left = 0;
}else{
slide_topics_pageWrap_left += slide_topics_pageHolder_width-60;
}
$("#slide_topics .pageHolder .pageWrap").stop().animate({
marginLeft : slide_topics_pageWrap_left+"px"
},200, "easeOutQuint")
slide_topics_arrow_show_hide();
})
$("#slide_topics div.arrow_image_right").click(function(){
slide_topics_create_i ++;
if( slide_topics_create_i == slide_topics_maxnum){
slide_topics_loop_id ++;
slide_topics_create_i = 0;
}
slide_topics_create_img();
slide_topics_set_timer();
})
$("#slide_topics div.arrow_image_left").click(function(){
if( slide_topics_create_i == 0){
slide_topics_loop_id --;
slide_topics_create_i = slide_topics_maxnum;
}
slide_topics_create_i --;
slide_topics_create_img();
slide_topics_set_timer();
})
function slide_topics_fade_show(){
if( typeof slide_topics_fade_timer != "undefined" ){
clearTimeout( slide_topics_fade_timer );
}
$("#slide_topics .fade:not(:animated)").stop().animate({opacity: 1},400);
slide_topics_fade_timer = setInterval(slide_topics_fade_hide, 2000);
}
function slide_topics_fade_hide(){
$("#slide_topics .fade:not(:animated)").animate({opacity: 0.3}, 400);
clearInterval( slide_topics_fade_timer );
}
$("#slide_topics > .frame").mousemove(function(e){
slide_topics_fade_show();
});
function isTouch(){
return (document.ontouchstart !== undefined);
}
function slide_topics_swipe_action(){
var setMainId = $('#slide_topics .swipescroll');
var setMainUl = setMainId.children('div.swipe_contents');
var listWidth = parseInt(setMainUl.find('.swipe_li').css('width'));
var listCount = setMainUl.find('.swipe_li').length;
var leftMax = -((listWidth)*((listCount)-1));
var isTouch = ('ontouchstart' in window);
setMainUl.unbind();
setMainUl.bind(
{'touchstart mousedown': function(e){
var setMainUlNot = setMainId.children('div.swipe_contents:not(:animated)');
setMainUlNot.each(function(){
e.preventDefault();
this.pageX = (isTouch ? event.changedTouches[0].pageX : e.pageX);
this.leftBegin = parseInt($(this).css('left'));
this.left = parseInt($(this).css('left'));
this.pageY = (isTouch ? event.changedTouches[0].pageY : e.pageY);
this.topBegin = $(window).scrollTop();
this.top = 0;
this.touched = true;
});
},'touchmove mousemove': function(e){
if(!this.touched){
return;
}
e.preventDefault();
this.left = this.left - (this.pageX - (isTouch ? event.changedTouches[0].pageX : e.pageX) );
this.pageX = (isTouch ? event.changedTouches[0].pageX : e.pageX);
this.top = this.top - (this.pageY - (isTouch ? event.changedTouches[0].pageY : e.pageY) );
this.pageY = (isTouch ? event.changedTouches[0].pageY : e.pageY);
var set_scroll = -this.top+parseInt($(window).scrollTop());
var movement = set_scroll - this.topBegin;
if( movement < 20 && movement > -20 ){
if(this.left < 0 && this.left > leftMax){
$(this).css({left:this.left});
} else if(this.left >= 0) {
$(this).css({left:this.left});
} else if(this.left <= leftMax) {
$(this).css({left:this.left});
}
}else{
$('html,body').scrollTop(set_scroll);
}
},'touchend mouseup mouseout': function(e){
if (!this.touched) {
return;
}
this.touched = false;
var setLiActive = setMainUl.find('.active');
if(this.leftBegin > this.left){
setLiActive.each(function(){
$(this).removeClass('active');
});
slide_topics_create_i ++;
if( slide_topics_create_i >= slide_topics_maxnum ){
slide_topics_loop_id ++;
slide_topics_create_i = 0;
}
setMainUl.find('.swipe_' + slide_topics_create_i).addClass('active');
slide_topics_create_img();
} else if(this.leftBegin < this.left) {
setLiActive.each(function(){
$(this).removeClass('active');
});
slide_topics_create_i --;
if( slide_topics_create_i < 0 ){
slide_topics_loop_id --;
slide_topics_create_i = slide_topics_maxnum -1;
}
setMainUl.find('.swipe_' + slide_topics_create_i).addClass('active');
slide_topics_create_img();
} else if(this.leftBegin === 0) {
} else if(this.leftBegin <= leftMax) {
}
slide_topics_loop_cloning();
}
});
$("#slide_topics div.swipe_contents > *").unbind();
$("#slide_topics div.swipe_contents > *").bind({
'touchstart mousedown': function() {
this.isTouch = true;
},
'touchmove mousemove': function() {
this.isTouch = false;
},
'touchend mouseup': function() {
if(this.isTouch == true){
if( $(this).parent().find('.swipe_' + slide_topics_create_i).children("a")[0] ){
var url = $(this).parent().find('.swipe_' + slide_topics_create_i).children("a").attr("href");
var target = $(this).parent().find('.swipe_' + slide_topics_create_i).children("a").attr("target");
var link_to_flag = $(this).parent().find('.swipe_' + slide_topics_create_i).children("a").attr("data-link-to-flag");
if( link_to_flag != "media" ){
if( target == "" ){
window.location.href = url;
}else{
window.open(url);
}
}
}
}
}
});
}
function slide_topics_swipe_me(span){
var target_wrapper = $("#slide_topics .swipe_me");
var target = $("#slide_topics .swipe_me > div");
target_wrapper.animate({
"opacity": 1
}, 500,
function(){
target.animate({
"margin-left": -span
}, 500, "swing",
function(){
target_wrapper.animate({
"opacity": 0
}, 500, "swing",
function(){
target.css({"margin-left": ""});
target_wrapper.animate({
"opacity": 1
}, 200,
function(){
target.animate({
"margin-left": -span
}, 500, "swing",
function(){
target_wrapper.animate({
"opacity": 0
}, 500,
function(){
target_wrapper.remove();
});
});
});
});
});
});
}
function slide_topics_create_swipe_contents(){
if( slide_topics_create_swipe_contents_i < slide_topics_maxnum ){
var img_url = slide_topics_array[slide_topics_create_swipe_contents_i][0];
var thumb_url = slide_topics_array[slide_topics_create_swipe_contents_i][1];
var img_height = slide_topics_array[slide_topics_create_swipe_contents_i][2];
var img_width = slide_topics_array[slide_topics_create_swipe_contents_i][3];
var caption_jp = slide_topics_array[slide_topics_create_swipe_contents_i][4];
var caption_en = slide_topics_array[slide_topics_create_swipe_contents_i][5];
var description_jp = slide_topics_array[slide_topics_create_swipe_contents_i][6];
var description_en = slide_topics_array[slide_topics_create_swipe_contents_i][7];
var link_url = slide_topics_array[slide_topics_create_swipe_contents_i][8];
var link_target = slide_topics_array[slide_topics_create_swipe_contents_i][9];
var link_to_flag = slide_topics_array[slide_topics_create_swipe_contents_i][10];
var entry_title_jp = slide_topics_array[slide_topics_create_swipe_contents_i][11];
var entry_title_en = slide_topics_array[slide_topics_create_swipe_contents_i][12];
var entry_description_jp = slide_topics_array[slide_topics_create_swipe_contents_i][13];
var entry_description_en = slide_topics_array[slide_topics_create_swipe_contents_i][14];
var target_wrapper = $("#slide_topics .swipe_" + slide_topics_create_swipe_contents_i);
var style = "";
if( link_url != "" ){
target_wrapper.append("");
}
var set_img_div = "slide_topics_img_div_" + slide_topics_create_swipe_contents_i;
target_wrapper.append("");
var target = target_wrapper.find("div#" + set_img_div);
target.find("img.low").load(function () {
target.find("img.low").fadeIn(slide_topics_set_fade_speed, "easeOutQuint");
target.addClass("cover_center");
setTimeout(function(){
slide_topics_create_swipe_contents_i ++;
slide_topics_create_swipe_contents();
},10);
});
target.find("img.low").attr("src", thumb_url);
}
if( slide_topics_create_swipe_contents_i == 0 ){
slide_topics_create_img();
slide_topics_start_action();
if( isTouch() ){
setTimeout(function(){
slide_topics_swipe_me(120);
},800);
}else{
$("#slide_topics .swipe_me").remove();
}
}
if( slide_topics_create_swipe_contents_i == slide_topics_maxnum ){
slide_topics_window_resize();
}
}
function slide_topics_loop_cloning(){
if( slide_topics_create_i == 0 ){
var clone_target = $("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + slide_topics_loop_id + "]");
if( ! $("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + (slide_topics_loop_id - 1) + "]")[0] ){
var target = clone_target.after(clone_target.clone());
target.attr("data-loop-id",slide_topics_loop_id - 1);
target.css({"left": parseInt(clone_target.css("left")) - clone_target.width()});
}
if( $("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + (slide_topics_loop_id + 1) + "]")[0] ){
$("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + (slide_topics_loop_id + 1) + "]").remove();
}
}else if( slide_topics_create_i == slide_topics_maxnum-1 ){
var clone_target = $("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + slide_topics_loop_id + "]");
if( ! $("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + (slide_topics_loop_id + 1) + "]")[0] ){
var target = clone_target.before(clone_target.clone());
target.attr("data-loop-id",slide_topics_loop_id + 1);
target.css({"left": parseInt(clone_target.css("left")) + clone_target.width()});
}
if( $("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + (slide_topics_loop_id - 1) + "]")[0] ){
$("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + (slide_topics_loop_id - 1) + "]").remove();
}
}else{
if( slide_topics_create_i > 1 && slide_topics_create_i < slide_topics_maxnum-2 ){
if( $("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + (slide_topics_loop_id - 1) + "]")[0] ){
$("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + (slide_topics_loop_id - 1) + "]").remove();
}
if( $("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + (slide_topics_loop_id + 1) + "]")[0] ){
$("#slide_topics .swipescroll > div.swipe_contents > .group[data-loop-id = " + (slide_topics_loop_id + 1) + "]").remove();
}
}
}
}
$(document).on("mouseover", "#slide_topics .pageHolder img.over", function(){
$(this).stop().animate({
opacity : 1
},50)
});
$(document).on("mouseout", "#slide_topics .pageHolder img.over", function(){
$(this).stop().animate({
opacity : 0.5
},200)
});
var slide_topics_array = new Array();
var count_i = 0;
$("#slide_topics .thumbnail > .pageHolder > .pageWrap > ul").each(function(){
var i = 0;
var entry_title_jp = "";
var entry_title_en = "";
var entry_description_jp = "";
var entry_description_en = "";
$(this).find("li").each(function(){
if(i==0){
entry_title_jp = $(this).children("h2").children(".entry_title_jp").html();
entry_title_en = $(this).children("h2").children(".entry_title_en").html();
entry_description_jp = $(this).children(".entry_description_jp").html();
entry_description_en = $(this).children(".entry_description_en").html();
}else{
var target = $(this).children("a");
var img_url = target.children(".img").attr("data-img-url");
var thumb_url = target.children(".img").attr("data-thumb-url");
var img_height = target.children(".img").attr("data-height");
var img_width = target.children(".img").attr("data-width");
var caption_jp = target.children(".caption_jp").html();
var caption_en = target.children(".caption_en").html();
var description_jp = target.children(".description_jp").html();
var description_en = target.children(".description_en").html();
var link_url = target.attr("href");
var link_target = target.attr("target");
var link_to_flag = target.attr("data-link-to-flag");
slide_topics_array.push( [img_url, thumb_url, img_height, img_width, caption_jp, caption_en, description_jp, description_en, link_url, link_target, link_to_flag, entry_title_jp, entry_title_en, entry_description_jp, entry_description_en] );
count_i++;
}
i++;
});
});
slide_topics_maxnum = count_i;
function slide_topics_preload(){
$("#slide_topics > .spinner").animate({"opacity": 1},500);
var img = [],
img_arr = $("#slide_topics .thumbnail img"), // ローディング対象の画像を指定
img_arr_lngth = img_arr.size();
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 ){
slide_topics_initialize();
}
};
img[indx].src = $(this).attr('src');
});
}
$(window).bind('load', function() {
if( $("#slide_topics")[0] ){
$("#slide_topics").addClass("flexible");
$("#slide_topics").addClass("cover_center");
setTimeout(function(){
if( slide_topics_ratio != "flexible" ){
slide_topics_width = $("#slide_topics").width();
slide_topics_height = Math.round(slide_topics_width*0/0);
$("#slide_topics").css({"height": slide_topics_height});
}
slide_topics_preload();
},10);
}
});
});