$(function() {

var Profile_Image_Browser_50_50_started = "false";
var Profile_Image_Browser_50_50_timer_id_B = "false";
var Profile_Image_Browser_50_50_create_thumb_flag = "false";
var Profile_Image_Browser_50_50_repeat_flag = "false";
var Profile_Image_Browser_50_50_set_pagewrap_width = 0;
var Profile_Image_Browser_50_50_create_thumbs_i = 0;
var Profile_Image_Browser_50_50_imgURL = "";
var Profile_Image_Browser_50_50_thumb_imgURL = "";
Profile_Image_Browser_50_50_past_i = -1;
Profile_Image_Browser_50_50_create_img_i = 0;
Profile_Image_Browser_50_50_preload_i = 0;
Profile_Image_Browser_50_50_imgWIDTH = 0;
function Profile_Image_Browser_50_50_initialize(){
	Profile_Image_Browser_50_50_thumb_width = 30;
	Profile_Image_Browser_50_50_thumb_height = 30;
	Profile_Image_Browser_50_50_thumb_total_width = (Profile_Image_Browser_50_50_thumb_width +6)*(Profile_Image_Browser_50_50_media_max_num);

	$("#Profile_Image_Browser_50_50 .pageWrap").css("width", Profile_Image_Browser_50_50_thumb_total_width);
	$("#Profile_Image_Browser_50_50 .pageWrap").css("height", Profile_Image_Browser_50_50_thumb_height +6);
	$("#Profile_Image_Browser_50_50 .pageHolder").css("height", Profile_Image_Browser_50_50_thumb_height +6);
	$("#Profile_Image_Browser_50_50 .arrow_box_page_left, #Profile_Image_Browser_50_50 .arrow_box_page_right").css("width", Profile_Image_Browser_50_50_thumb_width +6 );
	$("#Profile_Image_Browser_50_50 .arrow_box_page_left, #Profile_Image_Browser_50_50 .arrow_box_page_right").css("height", Profile_Image_Browser_50_50_thumb_height +6 );
	$("#Profile_Image_Browser_50_50 .thumb_box").css("width", Profile_Image_Browser_50_50_thumb_width+6);
	$("#Profile_Image_Browser_50_50 .thumb_box").css("height", Profile_Image_Browser_50_50_thumb_height+6);
	$("#Profile_Image_Browser_50_50 .thumb_box a").css("width", Profile_Image_Browser_50_50_thumb_height );
	$("#Profile_Image_Browser_50_50 .thumb_box a").css("height", Profile_Image_Browser_50_50_thumb_height );

	if(Profile_Image_Browser_50_50_media_max_num == 1){
		Profile_Image_Browser_50_50_thumb_width = 0;
		Profile_Image_Browser_50_50_thumb_height = 0;
		$("#Profile_Image_Browser_50_50").css("margin-bottom", 0 );

		$("#Profile_Image_Browser_50_50 .controller > div").remove();
		$("#Profile_Image_Browser_50_50 .pageHolder").remove();
		$("#Profile_Image_Browser_50_50 .arrow_box_page_left").remove();
		$("#Profile_Image_Browser_50_50 .arrow_box_page_right").remove();
	}else{
		$("#Profile_Image_Browser_50_50 .arrow_box_photo_left").show();
		$("#Profile_Image_Browser_50_50 .arrow_box_photo_right").show();
	}

	Profile_Image_Browser_50_50_create_img();
	Profile_Image_Browser_50_50_resizeContainer();
	Profile_Image_Browser_50_50_arrow_show_hide();
	$(window).bind("resize", Profile_Image_Browser_50_50_resizeContainer);

	if( Profile_Image_Browser_50_50_started == "false" ){
		Profile_Image_Browser_50_50_initialize_action();
	}
}
function Profile_Image_Browser_50_50_initialize_action(){
	Profile_Image_Browser_50_50_started = "true";
	Profile_Image_Browser_50_50_resizeContainer();
}

function Profile_Image_Browser_50_50_control_show( set_interval ){
	if( Profile_Image_Browser_50_50_timer_id_B != "false" ){
		clearInterval( Profile_Image_Browser_50_50_timer_id_B );
	}
	$("#Profile_Image_Browser_50_50 .controller:not(:animated)").animate({opacity: 1},400,
		function() {
			Profile_Image_Browser_50_50_timer_id_B = setInterval(Profile_Image_Browser_50_50_control_hide, set_interval);
		}
	);
}
function Profile_Image_Browser_50_50_control_hide(){
	$("#Profile_Image_Browser_50_50 .controller:not(:animated)").animate({opacity: 0.6}, 400);
	clearInterval( Profile_Image_Browser_50_50_timer_id_B );
}
$("#Profile_Image_Browser_50_50").mousemove(function(e){
	Profile_Image_Browser_50_50_control_show( 2000 );
});

$("#Profile_Image_Browser_50_50 .pageHolder .pageWrap a").click(function(){
	Profile_Image_Browser_50_50_create_img_i = $(this).attr("id");
	Profile_Image_Browser_50_50_create_img();
	Profile_Image_Browser_50_50_repeat_flag = "false";
	Profile_Image_Browser_50_50_scrCtr();
	return false;
})

function Profile_Image_Browser_50_50_create_img(){
	if( Profile_Image_Browser_50_50_past_i != Profile_Image_Browser_50_50_create_img_i ){
		var Profile_Image_Browser_50_50_imgURL = Profile_Image_Browser_50_50_media_array[ Profile_Image_Browser_50_50_create_img_i ][0];
		var Profile_Image_Browser_50_50_thumb_imgURL = Profile_Image_Browser_50_50_media_array[ Profile_Image_Browser_50_50_create_img_i ][1];
		var imgClass = Profile_Image_Browser_50_50_media_array[ Profile_Image_Browser_50_50_create_img_i ][4];
		Profile_Image_Browser_50_50_switch_thumbs();

		var Profile_Image_Browser_50_50_past_set_img_div = "Profile_Image_Browser_50_50_img_div_" + Profile_Image_Browser_50_50_past_i;
		var Profile_Image_Browser_50_50_past_target = $("#Profile_Image_Browser_50_50 div#" + Profile_Image_Browser_50_50_past_set_img_div);
		Profile_Image_Browser_50_50_past_i = Profile_Image_Browser_50_50_create_img_i;

		Profile_Image_Browser_50_50_set_img_div = "Profile_Image_Browser_50_50_img_div_" + Profile_Image_Browser_50_50_create_img_i;
		$("#Profile_Image_Browser_50_50 #main").append("<div class='image_wrapper' id='"+ Profile_Image_Browser_50_50_set_img_div +"'><div class='low'><div class='cell'><img class='low "+ imgClass +"' /></div></div><div class='high'><div class='cell'><img class='high "+ imgClass +"' /></div></div></div>");

		$("#Profile_Image_Browser_50_50 .controller a").remove();
		$("#Profile_Image_Browser_50_50 .controller").append("<a style='display: block; height: 100%; width: 100%;' href='"+Profile_Image_Browser_50_50_imgURL+"' target='_blank' class='zoom_cursor'></a>");

		Profile_Image_Browser_50_50_target = $("div#" + Profile_Image_Browser_50_50_set_img_div);


		Profile_Image_Browser_50_50_target.find("img.low").load(function () {
			Profile_Image_Browser_50_50_target.find("img.high").load(function () {
				$(this).css("width", Profile_Image_Browser_50_50_target.find("img.low").width());
				$(this).css("height", Profile_Image_Browser_50_50_target.find("img.low").height());
				$(this).parent().parent().fadeIn(600, "swing");
				Profile_Image_Browser_50_50_resizeContainer();
			});
			Profile_Image_Browser_50_50_target.find("img.high").attr("src", Profile_Image_Browser_50_50_imgURL);

			Profile_Image_Browser_50_50_past_target.fadeOut(
				1000,
				function () {
					$(this).remove();
				}
			);

			if( Profile_Image_Browser_50_50_create_thumb_flag == "false"){
				Profile_Image_Browser_50_50_create_thumb_flag = "true";
				Profile_Image_Browser_50_50_create_thumbs();
			}
			Profile_Image_Browser_50_50_target.fadeIn(600, "swing");

			Profile_Image_Browser_50_50_resizeContainer();

			Profile_Image_Browser_50_50_preload_image();

			Profile_Image_Browser_50_50_scrCtr();
		});
		Profile_Image_Browser_50_50_target.find("img.low").attr("src", Profile_Image_Browser_50_50_thumb_imgURL);
	}
}

function Profile_Image_Browser_50_50_preload_image(){
	if( Profile_Image_Browser_50_50_preload_i ){
		$("#Profile_Image_Browser_50_50 img#pre_" + Profile_Image_Browser_50_50_preload_i).remove();
	}
	Profile_Image_Browser_50_50_preload_i = eval(Profile_Image_Browser_50_50_create_img_i)+1;
	if( Profile_Image_Browser_50_50_preload_i < Profile_Image_Browser_50_50_media_max_num ){
		var next_imgURL = Profile_Image_Browser_50_50_media_array[ Profile_Image_Browser_50_50_preload_i ][0];
		$("#Profile_Image_Browser_50_50 #main").append("<img style='display: none;' id='pre_"+ Profile_Image_Browser_50_50_preload_i +"' />");
		var next_target = $("#Profile_Image_Browser_50_50 img#pre_" + Profile_Image_Browser_50_50_preload_i );
		next_target.attr("src", next_imgURL);
	}
}


function Profile_Image_Browser_50_50_create_thumbs(){
	if( Profile_Image_Browser_50_50_create_thumbs_i < Profile_Image_Browser_50_50_media_max_num ){
		var Profile_Image_Browser_50_50_thumb_imgURL = Profile_Image_Browser_50_50_media_array[ Profile_Image_Browser_50_50_create_thumbs_i ][1];
		$("#Profile_Image_Browser_50_50 .pageHolder a#"+ Profile_Image_Browser_50_50_create_thumbs_i + " img" ).load(function () {
			var Profile_Image_Browser_50_50_imgHEIGHT = eval(Profile_Image_Browser_50_50_media_array[ Profile_Image_Browser_50_50_create_thumbs_i ][2]);
			var Profile_Image_Browser_50_50_imgWIDTH = eval(Profile_Image_Browser_50_50_media_array[ Profile_Image_Browser_50_50_create_thumbs_i ][3]);
			if( Profile_Image_Browser_50_50_imgHEIGHT < Profile_Image_Browser_50_50_imgWIDTH ){
				$(this).css("height", Profile_Image_Browser_50_50_thumb_height);
				$(this).css("width", Profile_Image_Browser_50_50_thumb_height/Profile_Image_Browser_50_50_imgHEIGHT*Profile_Image_Browser_50_50_imgWIDTH);
				$(this).css("margin-left", -(Profile_Image_Browser_50_50_thumb_height/Profile_Image_Browser_50_50_imgHEIGHT*Profile_Image_Browser_50_50_imgWIDTH - Profile_Image_Browser_50_50_thumb_width)/2 );
			}else{
				$(this).css("height", Profile_Image_Browser_50_50_thumb_width/Profile_Image_Browser_50_50_imgWIDTH*Profile_Image_Browser_50_50_imgHEIGHT);
				$(this).css("width", Profile_Image_Browser_50_50_thumb_width);
				$(this).css("margin-top", -(Profile_Image_Browser_50_50_thumb_width/Profile_Image_Browser_50_50_imgWIDTH*Profile_Image_Browser_50_50_imgHEIGHT - Profile_Image_Browser_50_50_thumb_height)/2 );
			}
			Profile_Image_Browser_50_50_create_thumbs_i ++;
			$(this).fadeIn(500); 
			setTimeout(function(){
				Profile_Image_Browser_50_50_resizeContainer();
				Profile_Image_Browser_50_50_create_thumbs();
			},10);
		});
		$("#Profile_Image_Browser_50_50 .pageHolder a#"+ Profile_Image_Browser_50_50_create_thumbs_i + " img" ).attr("src", Profile_Image_Browser_50_50_thumb_imgURL);
	}
}
	
$("#Profile_Image_Browser_50_50 .pageHolder img").mouseover(function(){
	$(this).stop().animate({
			opacity : 0.6
		},100)
	}
)
$("#Profile_Image_Browser_50_50 .pageHolder img").mouseout(function(){
		$(this).stop().animate({
			opacity : 1
		},400)
	}
)
	
function Profile_Image_Browser_50_50_switch_thumbs(){
	$.each(Profile_Image_Browser_50_50_media_array, function(i) { 
		if( i != Profile_Image_Browser_50_50_create_img_i ){
			$( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().fadeTo(100, 1);
			$( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().css("width", Profile_Image_Browser_50_50_thumb_width+6);
			$( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().css("height", Profile_Image_Browser_50_50_thumb_height+6);
			$( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().css("border", "none");
			$( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).css("cursor", "pointer");
			$( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).css("margin", 6/2 + "px");
		}else{
			$( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().fadeTo(100, 0.4);
			$( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().css("width", Profile_Image_Browser_50_50_thumb_width+6-2);
			$( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().css("height", Profile_Image_Browser_50_50_thumb_height+6-2);
			$( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).parent().css("border", "1px solid #AAA");
			$( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).css("cursor", "default");
			$( "#Profile_Image_Browser_50_50 .pageHolder a#"+i).css("margin", 6/2-1 + "px");
		}
	});
}

function Profile_Image_Browser_50_50_resizeContainer(e) {
	set_Profile_Image_Browser_50_50_width = $("#Profile_Image_Browser_50_50").width();
	set_Profile_Image_Browser_50_50_height = Math.round(set_Profile_Image_Browser_50_50_width/50*50);
	set_Profile_Image_Browser_50_50_root_height = set_Profile_Image_Browser_50_50_height + Profile_Image_Browser_50_50_thumb_height + 6;

	if( Profile_Image_Browser_50_50_started == "true" ){
		$("#Profile_Image_Browser_50_50").css("height", set_Profile_Image_Browser_50_50_root_height );
	}

	$("#Profile_Image_Browser_50_50 .image_wrapper").css("height", set_Profile_Image_Browser_50_50_height);

	$("#Profile_Image_Browser_50_50 .controller").css("height", set_Profile_Image_Browser_50_50_height);

	$("#Profile_Image_Browser_50_50 #main").css("height", set_Profile_Image_Browser_50_50_height);

	$("#Profile_Image_Browser_50_50 .image_wrapper div.cell").css("width", set_Profile_Image_Browser_50_50_width);
	$("#Profile_Image_Browser_50_50 .image_wrapper div.cell").css("height", set_Profile_Image_Browser_50_50_height);

	$("#Profile_Image_Browser_50_50 .image_wrapper:first-child img.high").css("width", $("#Profile_Image_Browser_50_50 .image_wrapper:first-child img.low").width());
	$("#Profile_Image_Browser_50_50 .image_wrapper:first-child img.high").css("height", $("#Profile_Image_Browser_50_50 .image_wrapper:first-child img.low").height());

	$("#Profile_Image_Browser_50_50 #watermark").css("width", set_Profile_Image_Browser_50_50_width);
	$("#Profile_Image_Browser_50_50 #watermark").css("height", set_Profile_Image_Browser_50_50_height);

	Profile_Image_Browser_50_50_thumb_area_width = set_Profile_Image_Browser_50_50_width;
	$("#Profile_Image_Browser_50_50 .pageHolder").css("width", set_Profile_Image_Browser_50_50_width+"px");

	Profile_Image_Browser_50_50_arrow_show_hide();
}

$("#Profile_Image_Browser_50_50 div.arrow_box_page_right").click(function(){
	if(-(Profile_Image_Browser_50_50_set_pagewrap_width-set_Profile_Image_Browser_50_50_width) + Profile_Image_Browser_50_50_thumb_area_width >= Profile_Image_Browser_50_50_thumb_total_width){
		Profile_Image_Browser_50_50_set_pagewrap_width += Profile_Image_Browser_50_50_thumb_area_width-(Profile_Image_Browser_50_50_thumb_total_width+Profile_Image_Browser_50_50_set_pagewrap_width);
	}else{
		Profile_Image_Browser_50_50_set_pagewrap_width -= set_Profile_Image_Browser_50_50_width-120;
	}
	$("#Profile_Image_Browser_50_50 .pageHolder .pageWrap").animate({
		marginLeft : Profile_Image_Browser_50_50_set_pagewrap_width+"px"
	},200)
	Profile_Image_Browser_50_50_arrow_show_hide();
})
	
$("#Profile_Image_Browser_50_50 div.arrow_box_page_left").click(function(){
	if(Profile_Image_Browser_50_50_set_pagewrap_width+set_Profile_Image_Browser_50_50_width-120 >= 0){
		Profile_Image_Browser_50_50_set_pagewrap_width = 0;
	}else{
		Profile_Image_Browser_50_50_set_pagewrap_width += set_Profile_Image_Browser_50_50_width-120;
	}
	$("#Profile_Image_Browser_50_50 .pageHolder .pageWrap").animate({
		marginLeft : Profile_Image_Browser_50_50_set_pagewrap_width+"px"
	},200)
	Profile_Image_Browser_50_50_arrow_show_hide();
})
	
$("#Profile_Image_Browser_50_50 div.arrow_box_photo_right").click(function(){
	Profile_Image_Browser_50_50_create_img_i ++;
	if( Profile_Image_Browser_50_50_create_img_i == Profile_Image_Browser_50_50_media_max_num){
		Profile_Image_Browser_50_50_create_img_i = 0;
	}
	Profile_Image_Browser_50_50_create_img();
	
	Profile_Image_Browser_50_50_scrCtr();
})
	
$("#Profile_Image_Browser_50_50 div.arrow_box_photo_left").click(function(){
	if( Profile_Image_Browser_50_50_create_img_i == 0){
		Profile_Image_Browser_50_50_create_img_i = Profile_Image_Browser_50_50_media_max_num;
	}
	Profile_Image_Browser_50_50_create_img_i --;
	Profile_Image_Browser_50_50_create_img();
	
	Profile_Image_Browser_50_50_scrCtr();
})
	
$("#Profile_Image_Browser_50_50 .arrow_box_page_left, #Profile_Image_Browser_50_50 .arrow_box_page_right, #Profile_Image_Browser_50_50 div.arrow_box_photo_right, #Profile_Image_Browser_50_50 div.arrow_box_photo_left ,#Profile_Image_Browser_50_50 div.controller_btn").mouseover(function(){
	$(this).stop().animate({
			opacity : 1
		},200)
	}
)
$("#Profile_Image_Browser_50_50 .arrow_box_page_left, #Profile_Image_Browser_50_50 .arrow_box_page_right, #Profile_Image_Browser_50_50 div.arrow_box_photo_right, #Profile_Image_Browser_50_50 div.arrow_box_photo_left ,#Profile_Image_Browser_50_50 div.controller_btn").mouseout(function(){
	$(this).stop().animate({
			opacity : 0.6
		},400)
	}
)
$("#Profile_Image_Browser_50_50 .arrow_box_page_left, #Profile_Image_Browser_50_50 .arrow_box_page_right, #Profile_Image_Browser_50_50 div.arrow_box_photo_right, #Profile_Image_Browser_50_50 div.arrow_box_photo_left ,#Profile_Image_Browser_50_50 div.controller_btn").animate({
	opacity : 0.6
},100)

$("#Profile_Image_Browser_50_50 div.play_box").click(function(){
	Profile_Image_Browser_50_50_repeat_flag = "true";
	Profile_Image_Browser_50_50_slidePlay();
})

$("#Profile_Image_Browser_50_50 div.stop_box").click(function(){
	Profile_Image_Browser_50_50_repeat_flag = "false";
	Profile_Image_Browser_50_50_scrCtr();
})

function Profile_Image_Browser_50_50_arrow_show_hide() {
	if(Profile_Image_Browser_50_50_thumb_area_width >= Profile_Image_Browser_50_50_thumb_total_width){

		$("#Profile_Image_Browser_50_50 .arrow_box_page_left").fadeOut(200);
		$("#Profile_Image_Browser_50_50 .arrow_box_page_right").fadeOut(200);
		$("#Profile_Image_Browser_50_50 .pageHolder .pageWrap").css("margin-left", (set_Profile_Image_Browser_50_50_width-Profile_Image_Browser_50_50_thumb_total_width)/2);
	}else if(Profile_Image_Browser_50_50_set_pagewrap_width == 0){
		$("#Profile_Image_Browser_50_50 .arrow_box_page_left").fadeOut(200);
		$("#Profile_Image_Browser_50_50 .arrow_box_page_right").fadeIn(200);
	}else if(-Profile_Image_Browser_50_50_set_pagewrap_width + Profile_Image_Browser_50_50_thumb_area_width >= Profile_Image_Browser_50_50_thumb_total_width){
		$("#Profile_Image_Browser_50_50 .arrow_box_page_left").fadeIn(200);
		$("#Profile_Image_Browser_50_50 .arrow_box_page_right").fadeOut(200);
		Profile_Image_Browser_50_50_set_pagewrap_width += -Profile_Image_Browser_50_50_set_pagewrap_width + Profile_Image_Browser_50_50_thumb_area_width - Profile_Image_Browser_50_50_thumb_total_width;
		$("#Profile_Image_Browser_50_50 .pageHolder .pageWrap").css("margin-left", Profile_Image_Browser_50_50_set_pagewrap_width);
	}else{
		$("#Profile_Image_Browser_50_50 .arrow_box_page_left").fadeIn(200);
		$("#Profile_Image_Browser_50_50 .arrow_box_page_right").fadeIn(200);
	}
}
	
function Profile_Image_Browser_50_50_scrCtr(){
	if( typeof( Profile_Image_Browser_50_50_Repeater ) != 'undefined' ){
		clearTimeout( Profile_Image_Browser_50_50_Repeater );
	}
	if( Profile_Image_Browser_50_50_repeat_flag == "true" ){
		$("#Profile_Image_Browser_50_50 div.play_box").css("display", "none");
		$("#Profile_Image_Browser_50_50 div.stop_box").css("display", "block");
		Profile_Image_Browser_50_50_Repeater = setTimeout(
			function(){
				Profile_Image_Browser_50_50_slidePlay();
			}
		, 5000);
	}else{
		$("#Profile_Image_Browser_50_50 div.play_box").css("display", "block");
		$("#Profile_Image_Browser_50_50 div.stop_box").css("display", "none");
	}
}
function Profile_Image_Browser_50_50_slidePlay(){
	Profile_Image_Browser_50_50_create_img_i ++;
	if( Profile_Image_Browser_50_50_create_img_i == Profile_Image_Browser_50_50_media_max_num){
		Profile_Image_Browser_50_50_create_img_i = 0;
		Profile_Image_Browser_50_50_repeat_flag = "false";
	}
	Profile_Image_Browser_50_50_create_img();
}
		
Profile_Image_Browser_50_50_media_array = [['https://s3.media-nisor.site/image/yuko_profile_2021_1213_192344_5852.png', 'https://s3.media-nisor.site/image/yuko_profile_2021_1213_192344_5852.png', '50', '50', 'vertically' ]];
Profile_Image_Browser_50_50_media_max_num = 1;

Profile_Image_Browser_50_50_initialize();

});