$(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 = [['http://s3.media-nisor.site.s3.amazonaws.com/image/tobiu_fes_entry_2015_0805_100047_1889.jpg', 'http://s3.media-nisor.site.s3.amazonaws.com/image_thumbs/tobiu_fes_entry_2015_0805_100047_1889.jpg', '', '', '60', '60', 'vertically', '' ],['http://s3.media-nisor.site.s3.amazonaws.com/image/tobiu_fes_entry_2015_0805_031242_4091.jpg', 'http://s3.media-nisor.site.s3.amazonaws.com/image_thumbs/tobiu_fes_entry_2015_0805_031242_4091.jpg', '', '', '60', '60', 'vertically', '' ],['http://s3.media-nisor.site.s3.amazonaws.com/image/tobiu_fes_entry_2015_0804_051736_9228.jpg', 'http://s3.media-nisor.site.s3.amazonaws.com/image_thumbs/tobiu_fes_entry_2015_0804_051736_9228.jpg', '「わたしのおうち」', '', '60', '90', 'vertically', '' ]];
Image_Browser_60_100_media_max_num = 3;
Image_Browser_60_100_timer_id_A = setInterval(Image_Browser_60_100_initialize, 500);
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);
}
});