$(function() {
var parallax_screen_started = "false";
var parallax_screen_target_ratio = 0.5;
$("#parallax_screen").attr("data-ratio","0.5");
function parallax_screen_initialize(){
set_parallax_screen_width = $("#parallax_screen").width();
set_parallax_screen_height = set_parallax_screen_width/100*50;
if( parallax_screen_started == "false" ){
parallax_screen_initialize_action();
}
}
function parallax_screen_initialize_action(){
parallax_screen_started = "true";
parallax_screen_window_resize();
}
var stage_height = 0;
var parallax_progress = 0;
$("#parallax_screen #stage img#layer_bg").imagesLoaded(function(){
stage_height = $(this).height();
parallax_screen_window_resize();
});
function parallax_screen_parallax(window_height, scroll_val) {
var document_height = $(document).height();
var parallax_scroll_val = scroll_val + window_height;
var parallax_progress = Math.floor(scroll_val/(document_height-window_height)*10000000)/10000000;
$("#parallax_screen .layer").each(function(){
var height = $(this).height();
if( window_height >= height ){
$(this).css({"height": window_height});
}else{
$(this).css({"margin-top": (window_height - height)*parallax_progress});
}
});
//$("#debug").text("parallax_progress:"+parallax_progress+" scroll_val:"+scroll_val+" window_height:"+window_height+" document_height:"+document_height);
}
function parallax_screen_window_resize(e) {
var window_height = $("#stage").height();
var window_width = $(window).width();
var scroll_val = $(window).scrollTop();
parallax_screen_parallax(window_height, scroll_val);
}
$(window).bind("resize", parallax_screen_window_resize);
$(window).scroll(function(){
parallax_screen_window_resize();
});
$("#parallax_screen, #slide_blank, article > .top, article > .bottom").bind({
'touchstart': function() {
parallax_screen_window_resize();
},
'touchmove': function() {
parallax_screen_window_resize();
},
'touchend': function() {
parallax_screen_window_resize();
}
});
parallax_screen_initialize();
var SLIDE_FLEX_timer_speed = 6000;
var SLIDE_FLEX_set_fade_speed = 500;
var SLIDE_FLEX_swipe_speed = 2000;
if( "on" == "on"){
var SLIDE_FLEX_repeat_flag = "true";
}else{
var SLIDE_FLEX_repeat_flag = "false";
}
var SLIDE_FLEX_ratio = "40_100";
var SLIDE_FLEX_type = "swipe";
var SLIDE_FLEX_create_i = 0;
var SLIDE_FLEX_past_i = 1;
var SLIDE_FLEX_single_page = "true";
var SLIDE_FLEX_preload_i = 0;
var SLIDE_FLEX_past_target = "";
var SLIDE_FLEX_past_entry_title = "";
var SLIDE_FLEX_past_entry_description = "";
var SLIDE_FLEX_create_swipe_contents_i = 0;
var SLIDE_FLEX_loop_id = 0;
var SLIDE_FLEX_window_height = $(window).height();
var SLIDE_FLEX_window_width = $(window).width();
var SLIDE_FLEX_width = $("#SLIDE_FLEX").width();
var SLIDE_FLEX_height = $("#SLIDE_FLEX").height();
var SLIDE_FLEX_thumbnail_height = $("#SLIDE_FLEX > .thumbnail").height();
var SLIDE_FLEX_pageHolder_width = $("#SLIDE_FLEX > .thumbnail > .pageHolder").width();
var SLIDE_FLEX_pageWrap_width = $("#SLIDE_FLEX > .thumbnail > .pageHolder > .pageWrap").width();
var SLIDE_FLEX_pageWrap_left = 0;
function SLIDE_FLEX_initialize(){
$(window).bind("resize", SLIDE_FLEX_window_resize);
SLIDE_FLEX_window_resize();
if( SLIDE_FLEX_maxnum > 1 ){
$("#SLIDE_FLEX div.arrow_image_right").fadeIn(200);
$("#SLIDE_FLEX div.arrow_image_left").fadeIn(200);
SLIDE_FLEX_single_page = "";
}else{
SLIDE_FLEX_single_page = "true";
$("#SLIDE_FLEX div.swipe_contents > .group:first").remove();
}
if( SLIDE_FLEX_type == "basic"){
SLIDE_FLEX_start_action();
SLIDE_FLEX_create_img();
$("#SLIDE_FLEX div.swipe_contents").remove();
$("#SLIDE_FLEX .swipe_me").remove();
}
if( SLIDE_FLEX_type == "swipe"){
SLIDE_FLEX_create_swipe_contents();
}
}
function SLIDE_FLEX_start_action(){
$("#SLIDE_FLEX > .spinner").animate({
"opacity": 0
}, 500,
function(){
$("#SLIDE_FLEX .thumbnail, #SLIDE_FLEX .frame").animate({"opacity": 1},1000, "easeOutQuint");
$(this).remove();
});
}
function SLIDE_FLEX_create_img(){
if( SLIDE_FLEX_type == "basic" ){
if( SLIDE_FLEX_past_i != SLIDE_FLEX_create_i ){
var img_url = SLIDE_FLEX_array[SLIDE_FLEX_create_i][0];
var thumb_url = SLIDE_FLEX_array[SLIDE_FLEX_create_i][1];
var img_height = SLIDE_FLEX_array[SLIDE_FLEX_create_i][2];
var img_width = SLIDE_FLEX_array[SLIDE_FLEX_create_i][3];
var caption_jp = SLIDE_FLEX_array[SLIDE_FLEX_create_i][4];
var caption_en = SLIDE_FLEX_array[SLIDE_FLEX_create_i][5];
var description_jp = SLIDE_FLEX_array[SLIDE_FLEX_create_i][6];
var description_en = SLIDE_FLEX_array[SLIDE_FLEX_create_i][7];
var link_url = SLIDE_FLEX_array[SLIDE_FLEX_create_i][8];
var link_target = SLIDE_FLEX_array[SLIDE_FLEX_create_i][9];
var link_to_flag = SLIDE_FLEX_array[SLIDE_FLEX_create_i][10];
var entry_title_jp = SLIDE_FLEX_array[SLIDE_FLEX_create_i][11];
var entry_title_en = SLIDE_FLEX_array[SLIDE_FLEX_create_i][12];
var entry_description_jp = SLIDE_FLEX_array[SLIDE_FLEX_create_i][13];
var entry_description_en = SLIDE_FLEX_array[SLIDE_FLEX_create_i][14];
SLIDE_FLEX_switch_thumbs();
SLIDE_FLEX_past_i = SLIDE_FLEX_create_i;
$("#SLIDE_FLEX > .frame > .controller > a").remove();
if( link_to_flag != "media" ){
$("#SLIDE_FLEX > .frame > .controller").append("");
}
var entry_description = entry_description_jp + entry_description_en;
if( entry_description != SLIDE_FLEX_past_entry_description ){
$("#SLIDE_FLEX > .frame > .controller > .text_entry").fadeOut(
500,
function () {
$("#SLIDE_FLEX > .frame > .controller > .text_entry > .description > .jp").empty().append(entry_description_jp);
$("#SLIDE_FLEX > .frame > .controller > .text_entry > .description > .en").empty().append(entry_description_en);
$(this).fadeIn(1000);
}
);
SLIDE_FLEX_past_entry_description = entry_description;
}
$("#SLIDE_FLEX > .frame > .controller > .text_media").fadeOut(200,
function() {
$("#SLIDE_FLEX > .frame > .controller > .text_media > .title > .jp").empty();
$("#SLIDE_FLEX > .frame > .controller > .text_media > .title > .jp").append(caption_jp);
$("#SLIDE_FLEX > .frame > .controller > .text_media > .title > .en").empty();
$("#SLIDE_FLEX > .frame > .controller > .text_media > .title > .en").append(caption_en);
$("#SLIDE_FLEX > .frame > .controller > .text_media > .description > .jp").empty();
$("#SLIDE_FLEX > .frame > .controller > .text_media > .description > .jp").append(description_jp);
$("#SLIDE_FLEX > .frame > .controller > .text_media > .description > .en").empty();
$("#SLIDE_FLEX > .frame > .controller > .text_media > .description > .en").append(description_en);
$(this).fadeIn(200);
}
);
var set_img_div = "SLIDE_FLEX_img_div_" + SLIDE_FLEX_create_i;
$("#SLIDE_FLEX > .frame > .main").prepend("
");
var target = $("#SLIDE_FLEX div#" + set_img_div);
target.find("img.low").load(function () {
target.find("img.low").fadeIn(SLIDE_FLEX_set_fade_speed, "easeOutQuint");
target.find("img.high").load(function () {
SLIDE_FLEX_window_resize();
target.find("img.high").fadeIn(SLIDE_FLEX_set_fade_speed, "easeOutQuint");
});
target.find("img.high").attr("src", img_url);
if( SLIDE_FLEX_past_target != "" ){
SLIDE_FLEX_past_target.parent().stop().fadeOut(
SLIDE_FLEX_set_fade_speed,
function () {
$(this).remove();
}
);
}
SLIDE_FLEX_past_target = target;
SLIDE_FLEX_preload_image();
SLIDE_FLEX_img_cover_pan_action( target, img_height, img_width );
SLIDE_FLEX_set_timer();
});
target.find("img.low").attr("src", thumb_url);
}
}
if( SLIDE_FLEX_type == "swipe" ){
var img_url = SLIDE_FLEX_array[SLIDE_FLEX_create_i][0];
var thumb_url = SLIDE_FLEX_array[SLIDE_FLEX_create_i][1];
var img_height = SLIDE_FLEX_array[SLIDE_FLEX_create_i][2];
var img_width = SLIDE_FLEX_array[SLIDE_FLEX_create_i][3];
var caption_jp = SLIDE_FLEX_array[SLIDE_FLEX_create_i][4];
var caption_en = SLIDE_FLEX_array[SLIDE_FLEX_create_i][5];
var description_jp = SLIDE_FLEX_array[SLIDE_FLEX_create_i][6];
var description_en = SLIDE_FLEX_array[SLIDE_FLEX_create_i][7];
var link_url = SLIDE_FLEX_array[SLIDE_FLEX_create_i][8];
var link_target = SLIDE_FLEX_array[SLIDE_FLEX_create_i][9];
var link_to_flag = SLIDE_FLEX_array[SLIDE_FLEX_create_i][10];
var entry_title_jp = SLIDE_FLEX_array[SLIDE_FLEX_create_i][11];
var entry_title_en = SLIDE_FLEX_array[SLIDE_FLEX_create_i][12];
var entry_description_jp = SLIDE_FLEX_array[SLIDE_FLEX_create_i][13];
var entry_description_en = SLIDE_FLEX_array[SLIDE_FLEX_create_i][14];
SLIDE_FLEX_switch_thumbs();
if( SLIDE_FLEX_single_page == "" ){
SLIDE_FLEX_loop_cloning();
}
SLIDE_FLEX_past_i = SLIDE_FLEX_create_i;
if( link_to_flag == "media" ){
$("#SLIDE_FLEX .swipescroll > div.swipe_contents").css({"cursor": "default"});
}else{
$("#SLIDE_FLEX .swipescroll > div.swipe_contents").css({"cursor": "pointer"});
}
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .text_media").fadeOut(200,
function() {
var left = SLIDE_FLEX_mainframe_width * (SLIDE_FLEX_create_i + SLIDE_FLEX_loop_id*SLIDE_FLEX_maxnum);
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .text_media").css("left", left);
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .text_media > div").removeClass().addClass(caption_en);
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .text_media > div > .title > .jp").empty().append(caption_jp);
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .text_media > div > .title > .en").empty().append(caption_en);
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .text_media > div > .description > .jp").empty().append("" + entry_description_jp + "
").append(description_jp);
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .text_media > div > .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_FLEX_past_entry_title ){
$("#SLIDE_FLEX .swipescroll > .text_entry").fadeOut(
500,
function () {
$("#SLIDE_FLEX > .frame > .controller > .text_entry > .title > .jp").empty().append(entry_title_jp);
$("#SLIDE_FLEX > .frame > .controller > .text_entry > .title > .en").empty().append(entry_title_en);
$(this).fadeIn(1000);
}
);
}
SLIDE_FLEX_past_entry_title = entry_title;
var target = $("#SLIDE_FLEX div#SLIDE_FLEX_img_div_" + SLIDE_FLEX_create_i);
target.find("img.high").load(function () {
SLIDE_FLEX_window_resize();
target.find("img.high").fadeIn(SLIDE_FLEX_set_fade_speed, "easeOutQuint");
});
target.find("img.high").attr("src", img_url);
SLIDE_FLEX_past_target = target;
SLIDE_FLEX_img_cover_pan_action( target, img_height, img_width );
SLIDE_FLEX_set_timer();
}
}
function SLIDE_FLEX_preload_image(){
$("#SLIDE_FLEX > .frame > .main > img").remove();
SLIDE_FLEX_preload_i = SLIDE_FLEX_create_i+1;
if( SLIDE_FLEX_preload_i >= SLIDE_FLEX_maxnum ){
SLIDE_FLEX_preload_i = 0;
}
var next_img_url = SLIDE_FLEX_array[SLIDE_FLEX_preload_i][0];
$("#SLIDE_FLEX > .frame > .main").append("");
var next_target = $("#SLIDE_FLEX img#pre_" + SLIDE_FLEX_preload_i );
next_target.attr("src", next_img_url);
}
function SLIDE_FLEX_img_fit_action( target, img_height, img_width ){
target.addClass("fit");
SLIDE_FLEX_window_resize();
}
function SLIDE_FLEX_img_cover_center_action( target, img_height, img_width ){
target.addClass("cover_center");
SLIDE_FLEX_window_resize();
}
function SLIDE_FLEX_img_cover_pan_action( target, img_height, img_width ){
var target_width = $("#SLIDE_FLEX > .frame > .main").width();
var target_height = parseInt(img_height*(target_width/img_width));
if( target_height <= SLIDE_FLEX_mainframe_height ){
target.addClass("cover_center");
SLIDE_FLEX_window_resize();
}else{
target.addClass("cover_pan");
SLIDE_FLEX_window_resize();
target.css({
"top": SLIDE_FLEX_mainframe_height-target_height,
"width": "100%"
});
target.animate({
"top": "0px"
}, SLIDE_FLEX_timer_speed + 2000, "swing");
}
}
function SLIDE_FLEX_window_resize(e) {
SLIDE_FLEX_window_height = $(window).height();
SLIDE_FLEX_window_width = $(window).width();
if( SLIDE_FLEX_ratio == "flexible" ){
SLIDE_FLEX_width = $("#SLIDE_FLEX").width();
SLIDE_FLEX_height = $("#SLIDE_FLEX").height();
}else{
SLIDE_FLEX_width = $("#SLIDE_FLEX").width();
SLIDE_FLEX_height = Math.round(SLIDE_FLEX_width*40/100);
$("#SLIDE_FLEX").css({"height": SLIDE_FLEX_height});
}
SLIDE_FLEX_mainframe_width = $("#SLIDE_FLEX > .frame > .main").width();
SLIDE_FLEX_mainframe_height = $("#SLIDE_FLEX > .frame > .main").height();
SLIDE_FLEX_thumbnail_height = $("#SLIDE_FLEX > .thumbnail").height();
SLIDE_FLEX_pageHolder_width = $("#SLIDE_FLEX > .thumbnail > .pageHolder").width();
SLIDE_FLEX_pageWrap_width = $("#SLIDE_FLEX > .thumbnail > .pageHolder > .pageWrap").width();
if( SLIDE_FLEX_type == "swipe"){
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group > .swipe_ul > .swipe_li").css("width", SLIDE_FLEX_mainframe_width);
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .text_media").css("width", SLIDE_FLEX_mainframe_width);
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group").each(function(){
var swipe_li_num = $(this).find('.swipe_li').length;
var group_width = SLIDE_FLEX_mainframe_width*swipe_li_num;
$(this).css({"width":group_width});
});
var left = SLIDE_FLEX_mainframe_width * (SLIDE_FLEX_create_i + SLIDE_FLEX_loop_id*SLIDE_FLEX_maxnum);
$("#SLIDE_FLEX .swipescroll > div.swipe_contents").stop().animate({"left": -left}, SLIDE_FLEX_swipe_speed, "easeOutQuint");
var width = parseInt($("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + SLIDE_FLEX_loop_id + "]").width());
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + (SLIDE_FLEX_loop_id) + "]").css("left", width*(SLIDE_FLEX_loop_id));
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + (SLIDE_FLEX_loop_id - 1) + "]").css("left", width*(SLIDE_FLEX_loop_id - 1));
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + (SLIDE_FLEX_loop_id + 1) + "]").css("left", width*(SLIDE_FLEX_loop_id + 1));
if( SLIDE_FLEX_single_page == "" ){
SLIDE_FLEX_swipe_action();
}
}
if( $("#SLIDE_FLEX div.image_wrapper")[0] ){
if( SLIDE_FLEX_type == "swipe"){
$("#SLIDE_FLEX div.image_wrapper").each(function(){
if( "cover_pan" == "cover_pan" ){
var img_height = $(this).attr("data-height");
var img_width = $(this).attr("data-width");
var target_width = $("#SLIDE_FLEX > .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_FLEX_mainframe_height ){
$(this).addClass("cover_center");
}else{
$(this).addClass("cover_pan");
}
}else{
$(this).addClass("cover_pan");
}
});
}
$("#SLIDE_FLEX 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_FLEX_mainframe_width * 100) <= Math.round(img_height / SLIDE_FLEX_mainframe_height * 100) ){
var target_height = SLIDE_FLEX_mainframe_height;
var target_width = img_width*Math.round(SLIDE_FLEX_mainframe_height/img_height*100)/100;
var target_top = 0;
var target_left = (SLIDE_FLEX_mainframe_width - target_width)/2;
}else{
var target_width = SLIDE_FLEX_mainframe_width;
var target_height = img_height*Math.round(SLIDE_FLEX_mainframe_width/img_width*100)/100;
var target_top = (SLIDE_FLEX_mainframe_height - target_height)/2;
var target_left = 0;
}
$(this).css({
"height": target_height,
"width": target_width,
"top": target_top,
"left": target_left
});
});
$("#SLIDE_FLEX 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_FLEX_mainframe_width * 100) >= Math.round(img_height / SLIDE_FLEX_mainframe_height * 100) ){
var target_height = SLIDE_FLEX_mainframe_height;
var target_width = img_width*Math.round(SLIDE_FLEX_mainframe_height/img_height*100)/100;
var target_top = 0;
var target_left = (SLIDE_FLEX_mainframe_width - target_width)/2;
}else{
var target_width = SLIDE_FLEX_mainframe_width;
var target_height = img_height*Math.round(SLIDE_FLEX_mainframe_width/img_width*100)/100;
var target_top = (SLIDE_FLEX_mainframe_height - target_height)/2;
var target_left = 0;
}
$(this).css({
"height": target_height,
"width": target_width,
"top": target_top,
"left": target_left
});
});
$("#SLIDE_FLEX 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_FLEX_mainframe_width;
var target_height = img_height*Math.round(SLIDE_FLEX_mainframe_width/img_width*100)/100;
$(this).css({
"height": target_height,
"width": target_width,
});
});
}
SLIDE_FLEX_arrow_show_hide();
}
function SLIDE_FLEX_set_timer(){
if( typeof SLIDE_FLEX_Repeater != "undefined" ){
clearTimeout( SLIDE_FLEX_Repeater );
}
if( SLIDE_FLEX_repeat_flag == "true" ){
SLIDE_FLEX_Repeater = setTimeout(
function(){
SLIDE_FLEX_slide_play();
}
, SLIDE_FLEX_timer_speed);
}
}
function SLIDE_FLEX_slide_play(){
SLIDE_FLEX_create_i ++;
if( SLIDE_FLEX_create_i == SLIDE_FLEX_maxnum){
SLIDE_FLEX_create_i = 0;
SLIDE_FLEX_loop_id ++;
SLIDE_FLEX_create_img();
}else{
SLIDE_FLEX_create_img();
}
}
$("#SLIDE_FLEX > .thumbnail > .pageHolder > .pageWrap > ul > li > a").click(function(){
SLIDE_FLEX_create_i = parseInt($(this).attr("id"));
SLIDE_FLEX_create_img();
SLIDE_FLEX_set_timer();
return false;
})
function SLIDE_FLEX_switch_thumbs(){
$( "#SLIDE_FLEX > .thumbnail > .pageHolder > .pageWrap > ul > li > a#"+SLIDE_FLEX_past_i+" img" ).addClass("over");
$( "#SLIDE_FLEX > .thumbnail > .pageHolder > .pageWrap > ul > li > a#"+SLIDE_FLEX_past_i+" img" ).css("opacity", 0.5);
$( "#SLIDE_FLEX > .thumbnail > .pageHolder > .pageWrap > ul > li > a#"+SLIDE_FLEX_past_i).css("cursor", "pointer");
$( "#SLIDE_FLEX > .thumbnail > .pageHolder > .pageWrap > ul > li > a#"+SLIDE_FLEX_create_i+" img" ).removeClass("over");
$( "#SLIDE_FLEX > .thumbnail > .pageHolder > .pageWrap > ul > li > a#"+SLIDE_FLEX_create_i+" img").css("opacity", 1);
$( "#SLIDE_FLEX > .thumbnail > .pageHolder > .pageWrap > ul > li > a#"+SLIDE_FLEX_create_i).css("cursor", "default");
}
function SLIDE_FLEX_arrow_show_hide() {
if(SLIDE_FLEX_pageHolder_width >= SLIDE_FLEX_pageWrap_width){
$("#SLIDE_FLEX .arrow_page_left").fadeOut(200);
$("#SLIDE_FLEX .arrow_page_right").fadeOut(200);
}else if(SLIDE_FLEX_pageWrap_left == 0){
$("#SLIDE_FLEX .arrow_page_left").fadeOut(200);
$("#SLIDE_FLEX .arrow_page_right").fadeIn(200);
}else if(-SLIDE_FLEX_pageWrap_left + SLIDE_FLEX_pageHolder_width >= SLIDE_FLEX_pageWrap_width){
$("#SLIDE_FLEX .arrow_page_left").fadeIn(200);
$("#SLIDE_FLEX .arrow_page_right").fadeOut(200);
}else{
$("#SLIDE_FLEX .arrow_page_left").fadeIn(200);
$("#SLIDE_FLEX .arrow_page_right").fadeIn(200);
}
}
$("#SLIDE_FLEX div.arrow_page_right").click(function(){
if(-(SLIDE_FLEX_pageWrap_left-SLIDE_FLEX_pageHolder_width) + SLIDE_FLEX_pageHolder_width >= SLIDE_FLEX_pageWrap_width){
SLIDE_FLEX_pageWrap_left += SLIDE_FLEX_pageHolder_width-(SLIDE_FLEX_pageWrap_width+SLIDE_FLEX_pageWrap_left);
}else{
SLIDE_FLEX_pageWrap_left -= SLIDE_FLEX_pageHolder_width-60;
}
$("#SLIDE_FLEX .pageHolder .pageWrap").stop().animate({
marginLeft : SLIDE_FLEX_pageWrap_left+"px"
},200, "easeOutQuint");
SLIDE_FLEX_arrow_show_hide();
})
$("#SLIDE_FLEX div.arrow_page_left").click(function(){
if(SLIDE_FLEX_pageWrap_left+SLIDE_FLEX_pageHolder_width-60 >= 0){
SLIDE_FLEX_pageWrap_left = 0;
}else{
SLIDE_FLEX_pageWrap_left += SLIDE_FLEX_pageHolder_width-60;
}
$("#SLIDE_FLEX .pageHolder .pageWrap").stop().animate({
marginLeft : SLIDE_FLEX_pageWrap_left+"px"
},200, "easeOutQuint")
SLIDE_FLEX_arrow_show_hide();
})
$("#SLIDE_FLEX div.arrow_image_right").click(function(){
SLIDE_FLEX_create_i ++;
if( SLIDE_FLEX_create_i == SLIDE_FLEX_maxnum){
SLIDE_FLEX_loop_id ++;
SLIDE_FLEX_create_i = 0;
}
SLIDE_FLEX_create_img();
SLIDE_FLEX_set_timer();
})
$("#SLIDE_FLEX div.arrow_image_left").click(function(){
if( SLIDE_FLEX_create_i == 0){
SLIDE_FLEX_loop_id --;
SLIDE_FLEX_create_i = SLIDE_FLEX_maxnum;
}
SLIDE_FLEX_create_i --;
SLIDE_FLEX_create_img();
SLIDE_FLEX_set_timer();
})
function SLIDE_FLEX_fade_show(){
if( typeof SLIDE_FLEX_fade_timer != "undefined" ){
clearTimeout( SLIDE_FLEX_fade_timer );
}
$("#SLIDE_FLEX .fade:not(:animated)").stop().animate({opacity: 1},400);
SLIDE_FLEX_fade_timer = setInterval(SLIDE_FLEX_fade_hide, 2000);
}
function SLIDE_FLEX_fade_hide(){
$("#SLIDE_FLEX .fade:not(:animated)").animate({opacity: 0.3}, 400);
clearInterval( SLIDE_FLEX_fade_timer );
}
$("#SLIDE_FLEX > .frame").mousemove(function(e){
SLIDE_FLEX_fade_show();
});
function isTouch(){
return (document.ontouchstart !== undefined);
}
function SLIDE_FLEX_swipe_action(){
var setMainId = $('#SLIDE_FLEX .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_FLEX_create_i ++;
if( SLIDE_FLEX_create_i >= SLIDE_FLEX_maxnum ){
SLIDE_FLEX_loop_id ++;
SLIDE_FLEX_create_i = 0;
}
setMainUl.find('.swipe_' + SLIDE_FLEX_create_i).addClass('active');
SLIDE_FLEX_create_img();
} else if(this.leftBegin < this.left) {
setLiActive.each(function(){
$(this).removeClass('active');
});
SLIDE_FLEX_create_i --;
if( SLIDE_FLEX_create_i < 0 ){
SLIDE_FLEX_loop_id --;
SLIDE_FLEX_create_i = SLIDE_FLEX_maxnum -1;
}
setMainUl.find('.swipe_' + SLIDE_FLEX_create_i).addClass('active');
SLIDE_FLEX_create_img();
} else if(this.leftBegin === 0) {
} else if(this.leftBegin <= leftMax) {
}
SLIDE_FLEX_loop_cloning();
}
});
$("#SLIDE_FLEX div.swipe_contents > *").unbind();
$("#SLIDE_FLEX 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_FLEX_create_i).children("a")[0] ){
var url = $(this).parent().find('.swipe_' + SLIDE_FLEX_create_i).children("a").attr("href");
var target = $(this).parent().find('.swipe_' + SLIDE_FLEX_create_i).children("a").attr("target");
var link_to_flag = $(this).parent().find('.swipe_' + SLIDE_FLEX_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_FLEX_swipe_me(span){
var target_wrapper = $("#SLIDE_FLEX .swipe_me");
var target = $("#SLIDE_FLEX .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_FLEX_create_swipe_contents(){
if( SLIDE_FLEX_create_swipe_contents_i < SLIDE_FLEX_maxnum ){
var img_url = SLIDE_FLEX_array[SLIDE_FLEX_create_swipe_contents_i][0];
var thumb_url = SLIDE_FLEX_array[SLIDE_FLEX_create_swipe_contents_i][1];
var img_height = SLIDE_FLEX_array[SLIDE_FLEX_create_swipe_contents_i][2];
var img_width = SLIDE_FLEX_array[SLIDE_FLEX_create_swipe_contents_i][3];
var caption_jp = SLIDE_FLEX_array[SLIDE_FLEX_create_swipe_contents_i][4];
var caption_en = SLIDE_FLEX_array[SLIDE_FLEX_create_swipe_contents_i][5];
var description_jp = SLIDE_FLEX_array[SLIDE_FLEX_create_swipe_contents_i][6];
var description_en = SLIDE_FLEX_array[SLIDE_FLEX_create_swipe_contents_i][7];
var link_url = SLIDE_FLEX_array[SLIDE_FLEX_create_swipe_contents_i][8];
var link_target = SLIDE_FLEX_array[SLIDE_FLEX_create_swipe_contents_i][9];
var link_to_flag = SLIDE_FLEX_array[SLIDE_FLEX_create_swipe_contents_i][10];
var entry_title_jp = SLIDE_FLEX_array[SLIDE_FLEX_create_swipe_contents_i][11];
var entry_title_en = SLIDE_FLEX_array[SLIDE_FLEX_create_swipe_contents_i][12];
var entry_description_jp = SLIDE_FLEX_array[SLIDE_FLEX_create_swipe_contents_i][13];
var entry_description_en = SLIDE_FLEX_array[SLIDE_FLEX_create_swipe_contents_i][14];
var target_wrapper = $("#SLIDE_FLEX .swipe_" + SLIDE_FLEX_create_swipe_contents_i);
var style = "";
if( link_url != "" ){
target_wrapper.append("");
}
var set_img_div = "SLIDE_FLEX_img_div_" + SLIDE_FLEX_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_FLEX_set_fade_speed, "easeOutQuint");
target.addClass("cover_pan");
setTimeout(function(){
SLIDE_FLEX_create_swipe_contents_i ++;
SLIDE_FLEX_create_swipe_contents();
},10);
});
target.find("img.low").attr("src", thumb_url);
}
if( SLIDE_FLEX_create_swipe_contents_i == 0 ){
SLIDE_FLEX_create_img();
SLIDE_FLEX_start_action();
if( isTouch() ){
setTimeout(function(){
SLIDE_FLEX_swipe_me(60);
},800);
}else{
$("#SLIDE_FLEX .swipe_me").remove();
}
}
if( SLIDE_FLEX_create_swipe_contents_i == SLIDE_FLEX_maxnum ){
SLIDE_FLEX_window_resize();
}
}
function SLIDE_FLEX_loop_cloning(){
if( SLIDE_FLEX_create_i == 0 ){
var clone_target = $("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + SLIDE_FLEX_loop_id + "]");
if( ! $("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + (SLIDE_FLEX_loop_id - 1) + "]")[0] ){
var target = clone_target.after(clone_target.clone());
target.attr("data-loop-id",SLIDE_FLEX_loop_id - 1);
target.css({"left": parseInt(clone_target.css("left")) - clone_target.width()});
}
if( $("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + (SLIDE_FLEX_loop_id + 1) + "]")[0] ){
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + (SLIDE_FLEX_loop_id + 1) + "]").remove();
}
}else if( SLIDE_FLEX_create_i == SLIDE_FLEX_maxnum-1 ){
var clone_target = $("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + SLIDE_FLEX_loop_id + "]");
if( ! $("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + (SLIDE_FLEX_loop_id + 1) + "]")[0] ){
var target = clone_target.before(clone_target.clone());
target.attr("data-loop-id",SLIDE_FLEX_loop_id + 1);
target.css({"left": parseInt(clone_target.css("left")) + clone_target.width()});
}
if( $("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + (SLIDE_FLEX_loop_id - 1) + "]")[0] ){
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + (SLIDE_FLEX_loop_id - 1) + "]").remove();
}
}else{
if( SLIDE_FLEX_create_i > 1 && SLIDE_FLEX_create_i < SLIDE_FLEX_maxnum-2 ){
if( $("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + (SLIDE_FLEX_loop_id - 1) + "]")[0] ){
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + (SLIDE_FLEX_loop_id - 1) + "]").remove();
}
if( $("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + (SLIDE_FLEX_loop_id + 1) + "]")[0] ){
$("#SLIDE_FLEX .swipescroll > div.swipe_contents > .group[data-loop-id = " + (SLIDE_FLEX_loop_id + 1) + "]").remove();
}
}
}
}
$(document).on("mouseover", "#SLIDE_FLEX .pageHolder img.over", function(){
$(this).stop().animate({
opacity : 1
},50)
});
$(document).on("mouseout", "#SLIDE_FLEX .pageHolder img.over", function(){
$(this).stop().animate({
opacity : 0.5
},200)
});
var SLIDE_FLEX_array = new Array();
var count_i = 0;
$("#SLIDE_FLEX .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_FLEX_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_FLEX_maxnum = count_i;
function SLIDE_FLEX_preload(){
$("#SLIDE_FLEX > .spinner").animate({"opacity": 1},500);
var img = [],
img_arr = $("#SLIDE_FLEX .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_FLEX_initialize();
}
};
img[indx].src = $(this).attr('src');
});
}
var scroll_flag = false;
$(window).bind("scroll", function() {
var window_height = $(window).height();
var scroll_val = $(window).scrollTop() + window_height/3*2;
if( scroll_val >= window_height && scroll_flag == false ){
if( $("#SLIDE_FLEX")[0] ){
$("#SLIDE_FLEX").addClass("40_100");
$("#SLIDE_FLEX").addClass("cover_pan");
setTimeout(function(){
if( SLIDE_FLEX_ratio != "flexible" ){
SLIDE_FLEX_width = $("#SLIDE_FLEX").width();
SLIDE_FLEX_height = Math.round(SLIDE_FLEX_width*40/100);
$("#SLIDE_FLEX").css({"height": SLIDE_FLEX_height});
}
SLIDE_FLEX_preload();
},10);
}
scroll_flag = true;
}
});
function htmlEncode(value){
return $('').text(value).html();
}
function htmlDecode(value){
return $('').html(value).text();
}
function create_fullcalendar(){
// Google Calender feed
$('#calendar').fullCalendar({
eventSources:[
{
url:"http://www.google.com/calendar/feeds/info%40lifesnap.jp/public/basic",
className:"event_set_1"
},
{
url:"http://www.google.com/calendar/feeds/ja.japanese%23holiday%40group.v.calendar.google.com/public/basic",
className:"event_set_2"
}
],
timeFormat: "H:mm",
loading: function(bool) {
if (bool) {
$('#cal_loading').show();
}else{
$('#cal_loading').fadeOut(200);
$(".fc-event-time").parent().addClass("single_day");
$(".fc-event-time").parent().parent().addClass("single_day_wrapper");
}
}
});
$(document).on("click", ".fc-content a", function(){
return false;
});
setTimeout(function() {
}, 2000);
}
});