$(function() { var Image_Browser_60_100_started = "false"; var Image_Browser_60_100_timer_id_B = "false"; var Image_Browser_60_100_create_thumb_flag = "false"; var Image_Browser_60_100_repeat_flag = "false"; var Image_Browser_60_100_set_pagewrap_width = 0; var Image_Browser_60_100_create_thumbs_i = 0; var Image_Browser_60_100_imgURL = ""; var Image_Browser_60_100_thumb_imgURL = ""; var Image_Browser_60_100_imgTITLE = ""; var Image_Browser_60_100_imgDESCRIPTION = ""; Image_Browser_60_100_past_i = -1; Image_Browser_60_100_create_img_i = 0; Image_Browser_60_100_preload_i = 0; Image_Browser_60_100_imgWIDTH = 0; function Image_Browser_60_100_initialize(){ clearInterval( Image_Browser_60_100_timer_id_A ); Image_Browser_60_100_thumb_width = 30; Image_Browser_60_100_thumb_height = 30; Image_Browser_60_100_thumb_total_width = (Image_Browser_60_100_thumb_width +6)*(Image_Browser_60_100_media_max_num); $("#Image_Browser_60_100 .pageWrap").css("width", Image_Browser_60_100_thumb_total_width); $("#Image_Browser_60_100 .pageWrap").css("height", Image_Browser_60_100_thumb_height +6); $("#Image_Browser_60_100 .pageHolder").css("height", Image_Browser_60_100_thumb_height +6); $("#Image_Browser_60_100 .arrow_box_page_left, #Image_Browser_60_100 .arrow_box_page_right").css("width", Image_Browser_60_100_thumb_width +6 ); $("#Image_Browser_60_100 .arrow_box_page_left, #Image_Browser_60_100 .arrow_box_page_right").css("height", Image_Browser_60_100_thumb_height +6 ); $("#Image_Browser_60_100 .thumb_box").css("width", Image_Browser_60_100_thumb_width+6); $("#Image_Browser_60_100 .thumb_box").css("height", Image_Browser_60_100_thumb_height+6); $("#Image_Browser_60_100 .thumb_box a").css("width", Image_Browser_60_100_thumb_height ); $("#Image_Browser_60_100 .thumb_box a").css("height", Image_Browser_60_100_thumb_height ); if(Image_Browser_60_100_media_max_num == 1){ Image_Browser_60_100_thumb_width = 0; Image_Browser_60_100_thumb_height = 0; $("#Image_Browser_60_100").css("margin-bottom", 0 ); $("#Image_Browser_60_100 .controller > div").remove(); $("#Image_Browser_60_100 .pageHolder").remove(); $("#Image_Browser_60_100 .arrow_box_page_left").remove(); $("#Image_Browser_60_100 .arrow_box_page_right").remove(); }else{ $("#Image_Browser_60_100 .arrow_box_photo_left").show(); $("#Image_Browser_60_100 .arrow_box_photo_right").show(); } Image_Browser_60_100_create_img(); Image_Browser_60_100_resizeContainer(); Image_Browser_60_100_arrow_show_hide(); $(window).bind("resize", Image_Browser_60_100_resizeContainer); if( Image_Browser_60_100_started == "false" ){ Image_Browser_60_100_initialize_action(); } } function Image_Browser_60_100_initialize_action(){ Image_Browser_60_100_started = "true"; Image_Browser_60_100_resizeContainer(); } function Image_Browser_60_100_control_show( set_interval ){ if( Image_Browser_60_100_timer_id_B != "false" ){ clearInterval( Image_Browser_60_100_timer_id_B ); } $("#Image_Browser_60_100 .controller:not(:animated)").animate({opacity: 1},400, function() { Image_Browser_60_100_timer_id_B = setInterval(Image_Browser_60_100_control_hide, set_interval); } ); } function Image_Browser_60_100_control_hide(){ $("#Image_Browser_60_100 .controller:not(:animated)").animate({opacity: 0.6}, 400); clearInterval( Image_Browser_60_100_timer_id_B ); } $("#Image_Browser_60_100").mousemove(function(e){ Image_Browser_60_100_control_show( 2000 ); }); $("#Image_Browser_60_100 .pageHolder .pageWrap a").click(function(){ Image_Browser_60_100_create_img_i = $(this).attr("id"); Image_Browser_60_100_create_img(); Image_Browser_60_100_repeat_flag = "false"; Image_Browser_60_100_scrCtr(); return false; }) function Image_Browser_60_100_create_img(){ if( Image_Browser_60_100_past_i != Image_Browser_60_100_create_img_i ){ $("#Image_Browser_60_100 .text").stop().animate({opacity : 0},100, function() { var Image_Browser_60_100_imgCaption = Image_Browser_60_100_media_array[ Image_Browser_60_100_create_img_i ][2]; var Image_Browser_60_100_imgDescription = Image_Browser_60_100_media_array[ Image_Browser_60_100_create_img_i ][3]; $(this).parent().find(".caption").html( Image_Browser_60_100_imgCaption ); $(this).parent().find(".description").html( Image_Browser_60_100_imgDescription ); } ); var Image_Browser_60_100_imgURL = Image_Browser_60_100_media_array[ Image_Browser_60_100_create_img_i ][0]; var Image_Browser_60_100_thumb_imgURL = Image_Browser_60_100_media_array[ Image_Browser_60_100_create_img_i ][1]; var imgClass = Image_Browser_60_100_media_array[ Image_Browser_60_100_create_img_i ][6]; Image_Browser_60_100_switch_thumbs(); var Image_Browser_60_100_past_set_img_div = "Image_Browser_60_100_img_div_" + Image_Browser_60_100_past_i; var Image_Browser_60_100_past_target = $("#Image_Browser_60_100 div#" + Image_Browser_60_100_past_set_img_div); Image_Browser_60_100_past_i = Image_Browser_60_100_create_img_i; Image_Browser_60_100_set_img_div = "Image_Browser_60_100_img_div_" + Image_Browser_60_100_create_img_i; $("#Image_Browser_60_100 #main").append("
"); var setLINK = Image_Browser_60_100_media_array[ Image_Browser_60_100_create_img_i ][7]; $("#Image_Browser_60_100 .controller a").remove(); if( setLINK != "" ){ $("#Image_Browser_60_100 .controller").append(""); }else{ $("#Image_Browser_60_100 .controller").append(""); } Image_Browser_60_100_target = $("div#" + Image_Browser_60_100_set_img_div); Image_Browser_60_100_target.find("img.low").load(function () { Image_Browser_60_100_target.find("img.high").load(function () { $(this).css("width", Image_Browser_60_100_target.find("img.low").width()); $(this).css("height", Image_Browser_60_100_target.find("img.low").height()); $(this).parent().parent().fadeIn( 600, "swing", function () { Image_Browser_60_100_resizeContainer(); } ); }); Image_Browser_60_100_target.find("img.high").attr("src", Image_Browser_60_100_imgURL); Image_Browser_60_100_past_target.fadeOut( 1000, function () { $(this).remove(); } ); $("#Image_Browser_60_100 .text").animate({opacity : 1},600); if( Image_Browser_60_100_create_thumb_flag == "false"){ Image_Browser_60_100_create_thumb_flag = "true"; Image_Browser_60_100_create_thumbs(); } Image_Browser_60_100_target.fadeIn(600, "swing"); Image_Browser_60_100_resizeContainer(); Image_Browser_60_100_preload_image(); Image_Browser_60_100_scrCtr(); }); Image_Browser_60_100_target.find("img.low").attr("src", Image_Browser_60_100_thumb_imgURL); } } function Image_Browser_60_100_preload_image(){ if( Image_Browser_60_100_preload_i ){ $("#Image_Browser_60_100 img#pre_" + Image_Browser_60_100_preload_i).remove(); } Image_Browser_60_100_preload_i = eval(Image_Browser_60_100_create_img_i)+1; if( Image_Browser_60_100_preload_i < Image_Browser_60_100_media_max_num ){ var next_imgURL = Image_Browser_60_100_media_array[ Image_Browser_60_100_preload_i ][0]; $("#Image_Browser_60_100 #main").append(""); var next_target = $("#Image_Browser_60_100 img#pre_" + Image_Browser_60_100_preload_i ); next_target.attr("src", next_imgURL); } } function Image_Browser_60_100_create_thumbs(){ if( Image_Browser_60_100_create_thumbs_i < Image_Browser_60_100_media_max_num ){ var Image_Browser_60_100_thumb_imgURL = Image_Browser_60_100_media_array[ Image_Browser_60_100_create_thumbs_i ][1]; $("#Image_Browser_60_100 .pageHolder a#"+ Image_Browser_60_100_create_thumbs_i + " img" ).load(function () { var Image_Browser_60_100_imgHEIGHT = eval(Image_Browser_60_100_media_array[ Image_Browser_60_100_create_thumbs_i ][4]); var Image_Browser_60_100_imgWIDTH = eval(Image_Browser_60_100_media_array[ Image_Browser_60_100_create_thumbs_i ][5]); if( Image_Browser_60_100_imgHEIGHT < Image_Browser_60_100_imgWIDTH ){ $(this).css("height", Image_Browser_60_100_thumb_height); $(this).css("width", Image_Browser_60_100_thumb_height/Image_Browser_60_100_imgHEIGHT*Image_Browser_60_100_imgWIDTH); $(this).css("margin-left", -(Image_Browser_60_100_thumb_height/Image_Browser_60_100_imgHEIGHT*Image_Browser_60_100_imgWIDTH - Image_Browser_60_100_thumb_width)/2 ); }else{ $(this).css("height", Image_Browser_60_100_thumb_width/Image_Browser_60_100_imgWIDTH*Image_Browser_60_100_imgHEIGHT); $(this).css("width", Image_Browser_60_100_thumb_width); $(this).css("margin-top", -(Image_Browser_60_100_thumb_width/Image_Browser_60_100_imgWIDTH*Image_Browser_60_100_imgHEIGHT - Image_Browser_60_100_thumb_height)/2 ); } Image_Browser_60_100_create_thumbs_i ++; $(this).fadeIn(500); setTimeout(function(){ Image_Browser_60_100_resizeContainer(); Image_Browser_60_100_create_thumbs(); },10); }); $("#Image_Browser_60_100 .pageHolder a#"+ Image_Browser_60_100_create_thumbs_i + " img" ).attr("src", Image_Browser_60_100_thumb_imgURL); } } $("#Image_Browser_60_100 .pageHolder img").mouseover(function(){ $(this).stop().animate({ opacity : 0.6 },100) } ) $("#Image_Browser_60_100 .pageHolder img").mouseout(function(){ $(this).stop().animate({ opacity : 1 },400) } ) function Image_Browser_60_100_switch_thumbs(){ $.each(Image_Browser_60_100_media_array, function(i) { if( i != Image_Browser_60_100_create_img_i ){ $( "#Image_Browser_60_100 .pageHolder a#"+i).parent().fadeTo(100, 1); $( "#Image_Browser_60_100 .pageHolder a#"+i).parent().css("width", Image_Browser_60_100_thumb_width+6); $( "#Image_Browser_60_100 .pageHolder a#"+i).parent().css("height", Image_Browser_60_100_thumb_height+6); $( "#Image_Browser_60_100 .pageHolder a#"+i).parent().css("border", "none"); $( "#Image_Browser_60_100 .pageHolder a#"+i).css("cursor", "pointer"); $( "#Image_Browser_60_100 .pageHolder a#"+i).css("margin", 6/2 + "px"); }else{ $( "#Image_Browser_60_100 .pageHolder a#"+i).parent().fadeTo(100, 0.4); $( "#Image_Browser_60_100 .pageHolder a#"+i).parent().css("width", Image_Browser_60_100_thumb_width+6-2); $( "#Image_Browser_60_100 .pageHolder a#"+i).parent().css("height", Image_Browser_60_100_thumb_height+6-2); $( "#Image_Browser_60_100 .pageHolder a#"+i).parent().css("border", "1px solid #AAA"); $( "#Image_Browser_60_100 .pageHolder a#"+i).css("cursor", "default"); $( "#Image_Browser_60_100 .pageHolder a#"+i).css("margin", 6/2-1 + "px"); } }); } function Image_Browser_60_100_resizeContainer(e) { set_Image_Browser_60_100_width = $("#Image_Browser_60_100").width(); set_Image_Browser_60_100_height = Math.round(set_Image_Browser_60_100_width/100*60); set_Image_Browser_60_100_root_height = set_Image_Browser_60_100_height + Image_Browser_60_100_thumb_height + $(".text").height() +6; if(Image_Browser_60_100_media_max_num == 1){ if( 0.6 >= Image_Browser_60_100_media_array[Image_Browser_60_100_create_img_i ][4]/Image_Browser_60_100_media_array[ Image_Browser_60_100_create_img_i ][5] ){ set_Image_Browser_60_100_width = $("#Image_Browser_60_100").width(); set_Image_Browser_60_100_height = set_Image_Browser_60_100_width*Image_Browser_60_100_media_array[Image_Browser_60_100_create_img_i ][4]/Image_Browser_60_100_media_array[ Image_Browser_60_100_create_img_i ][5]; set_Image_Browser_60_100_root_height = set_Image_Browser_60_100_height + $(".text").height(); } } if( Image_Browser_60_100_started == "true" ){ $("#Image_Browser_60_100").css("height", set_Image_Browser_60_100_root_height ); } $("#Image_Browser_60_100 .image_wrapper").css("height", set_Image_Browser_60_100_height); $("#Image_Browser_60_100 .controller").css("height", set_Image_Browser_60_100_height); $("#Image_Browser_60_100 #main").css("height", set_Image_Browser_60_100_height); $("#Image_Browser_60_100 .image_wrapper div.cell").css("width", set_Image_Browser_60_100_width); $("#Image_Browser_60_100 .image_wrapper div.cell").css("height", set_Image_Browser_60_100_height); $("#Image_Browser_60_100 .image_wrapper:first-child img.high").css("width", $("#Image_Browser_60_100 .image_wrapper:first-child img.low").width()); $("#Image_Browser_60_100 .image_wrapper:first-child img.high").css("height", $("#Image_Browser_60_100 .image_wrapper:first-child img.low").height()); $("#Image_Browser_60_100 #watermark").css("width", set_Image_Browser_60_100_width); $("#Image_Browser_60_100 #watermark").css("height", set_Image_Browser_60_100_height); Image_Browser_60_100_thumb_area_width = set_Image_Browser_60_100_width; $("#Image_Browser_60_100 .pageHolder").css("width", set_Image_Browser_60_100_width+"px"); Image_Browser_60_100_arrow_show_hide(); } $("#Image_Browser_60_100 div.arrow_box_page_right").click(function(){ if(-(Image_Browser_60_100_set_pagewrap_width-set_Image_Browser_60_100_width) + Image_Browser_60_100_thumb_area_width >= Image_Browser_60_100_thumb_total_width){ Image_Browser_60_100_set_pagewrap_width += Image_Browser_60_100_thumb_area_width-(Image_Browser_60_100_thumb_total_width+Image_Browser_60_100_set_pagewrap_width); }else{ Image_Browser_60_100_set_pagewrap_width -= set_Image_Browser_60_100_width-120; } $("#Image_Browser_60_100 .pageHolder .pageWrap").animate({ marginLeft : Image_Browser_60_100_set_pagewrap_width+"px" },200) Image_Browser_60_100_arrow_show_hide(); }) $("#Image_Browser_60_100 div.arrow_box_page_left").click(function(){ if(Image_Browser_60_100_set_pagewrap_width+set_Image_Browser_60_100_width-120 >= 0){ Image_Browser_60_100_set_pagewrap_width = 0; }else{ Image_Browser_60_100_set_pagewrap_width += set_Image_Browser_60_100_width-120; } $("#Image_Browser_60_100 .pageHolder .pageWrap").animate({ marginLeft : Image_Browser_60_100_set_pagewrap_width+"px" },200) Image_Browser_60_100_arrow_show_hide(); }) $("#Image_Browser_60_100 div.arrow_box_photo_right").click(function(){ Image_Browser_60_100_create_img_i ++; if( Image_Browser_60_100_create_img_i == Image_Browser_60_100_media_max_num){ Image_Browser_60_100_create_img_i = 0; } Image_Browser_60_100_create_img(); Image_Browser_60_100_scrCtr(); }) $("#Image_Browser_60_100 div.arrow_box_photo_left").click(function(){ if( Image_Browser_60_100_create_img_i == 0){ Image_Browser_60_100_create_img_i = Image_Browser_60_100_media_max_num; } Image_Browser_60_100_create_img_i --; Image_Browser_60_100_create_img(); Image_Browser_60_100_scrCtr(); }) $("#Image_Browser_60_100 .arrow_box_page_left, #Image_Browser_60_100 .arrow_box_page_right, #Image_Browser_60_100 div.arrow_box_photo_right, #Image_Browser_60_100 div.arrow_box_photo_left ,#Image_Browser_60_100 div.controller_btn").mouseover(function(){ $(this).stop().animate({ opacity : 1 },200) } ) $("#Image_Browser_60_100 .arrow_box_page_left, #Image_Browser_60_100 .arrow_box_page_right, #Image_Browser_60_100 div.arrow_box_photo_right, #Image_Browser_60_100 div.arrow_box_photo_left ,#Image_Browser_60_100 div.controller_btn").mouseout(function(){ $(this).stop().animate({ opacity : 0.6 },400) } ) $("#Image_Browser_60_100 .arrow_box_page_left, #Image_Browser_60_100 .arrow_box_page_right, #Image_Browser_60_100 div.arrow_box_photo_right, #Image_Browser_60_100 div.arrow_box_photo_left ,#Image_Browser_60_100 div.controller_btn").animate({ opacity : 0.6 },100) $("#Image_Browser_60_100 div.play_box").click(function(){ Image_Browser_60_100_repeat_flag = "true"; Image_Browser_60_100_slidePlay(); }) $("#Image_Browser_60_100 div.stop_box").click(function(){ Image_Browser_60_100_repeat_flag = "false"; Image_Browser_60_100_scrCtr(); }) function Image_Browser_60_100_arrow_show_hide() { if(Image_Browser_60_100_thumb_area_width >= Image_Browser_60_100_thumb_total_width){ $("#Image_Browser_60_100 .arrow_box_page_left").fadeOut(200); $("#Image_Browser_60_100 .arrow_box_page_right").fadeOut(200); $("#Image_Browser_60_100 .pageHolder .pageWrap").css("margin-left", (set_Image_Browser_60_100_width-Image_Browser_60_100_thumb_total_width)/2); }else if(Image_Browser_60_100_set_pagewrap_width == 0){ $("#Image_Browser_60_100 .arrow_box_page_left").fadeOut(200); $("#Image_Browser_60_100 .arrow_box_page_right").fadeIn(200); }else if(-Image_Browser_60_100_set_pagewrap_width + Image_Browser_60_100_thumb_area_width >= Image_Browser_60_100_thumb_total_width){ $("#Image_Browser_60_100 .arrow_box_page_left").fadeIn(200); $("#Image_Browser_60_100 .arrow_box_page_right").fadeOut(200); Image_Browser_60_100_set_pagewrap_width += -Image_Browser_60_100_set_pagewrap_width + Image_Browser_60_100_thumb_area_width - Image_Browser_60_100_thumb_total_width; $("#Image_Browser_60_100 .pageHolder .pageWrap").css("margin-left", Image_Browser_60_100_set_pagewrap_width); }else{ $("#Image_Browser_60_100 .arrow_box_page_left").fadeIn(200); $("#Image_Browser_60_100 .arrow_box_page_right").fadeIn(200); } } function Image_Browser_60_100_scrCtr(){ if( typeof( Image_Browser_60_100_Repeater ) != 'undefined' ){ clearTimeout( Image_Browser_60_100_Repeater ); } if( Image_Browser_60_100_repeat_flag == "true" ){ $("#Image_Browser_60_100 div.play_box").css("display", "none"); $("#Image_Browser_60_100 div.stop_box").css("display", "block"); Image_Browser_60_100_Repeater = setTimeout( function(){ Image_Browser_60_100_slidePlay(); } , 5000); }else{ $("#Image_Browser_60_100 div.play_box").css("display", "block"); $("#Image_Browser_60_100 div.stop_box").css("display", "none"); } } function Image_Browser_60_100_slidePlay(){ Image_Browser_60_100_create_img_i ++; if( Image_Browser_60_100_create_img_i == Image_Browser_60_100_media_max_num){ Image_Browser_60_100_create_img_i = 0; Image_Browser_60_100_repeat_flag = "false"; } Image_Browser_60_100_create_img(); } Image_Browser_60_100_media_array = []; Image_Browser_60_100_media_max_num = 0; 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); } });