$(function() {

var Image_Browser_100_90_started = "false";
var Image_Browser_100_90_timer_id_B = "false";
var Image_Browser_100_90_create_thumb_flag = "false";
var Image_Browser_100_90_repeat_flag = "false";
var Image_Browser_100_90_set_pagewrap_width = 0;
var Image_Browser_100_90_create_thumbs_i = 0;
var Image_Browser_100_90_imgURL = "";
var Image_Browser_100_90_thumb_imgURL = "";
var Image_Browser_100_90_imgTITLE = "";
var Image_Browser_100_90_imgDESCRIPTION = "";
Image_Browser_100_90_past_i = -1;
Image_Browser_100_90_create_img_i = 0;
Image_Browser_100_90_preload_i = 0;
Image_Browser_100_90_imgWIDTH = 0;
function Image_Browser_100_90_initialize(){
	Image_Browser_100_90_thumb_width = 80;
	Image_Browser_100_90_thumb_height = 80;
	Image_Browser_100_90_thumb_total_width = (Image_Browser_100_90_thumb_width +6)*(Image_Browser_100_90_media_max_num);

	$("#Image_Browser_100_90 .pageWrap").css("width", Image_Browser_100_90_thumb_total_width);
	$("#Image_Browser_100_90 .pageWrap").css("height", Image_Browser_100_90_thumb_height +6);
	$("#Image_Browser_100_90 .pageHolder").css("height", Image_Browser_100_90_thumb_height +6);
	$("#Image_Browser_100_90 .arrow_box_page_left, #Image_Browser_100_90 .arrow_box_page_right").css("width", Image_Browser_100_90_thumb_width +6 );
	$("#Image_Browser_100_90 .arrow_box_page_left, #Image_Browser_100_90 .arrow_box_page_right").css("height", Image_Browser_100_90_thumb_height +6 );
	$("#Image_Browser_100_90 .thumb_box").css("width", Image_Browser_100_90_thumb_width+6);
	$("#Image_Browser_100_90 .thumb_box").css("height", Image_Browser_100_90_thumb_height+6);
	$("#Image_Browser_100_90 .thumb_box a").css("width", Image_Browser_100_90_thumb_height );
	$("#Image_Browser_100_90 .thumb_box a").css("height", Image_Browser_100_90_thumb_height );

	if(Image_Browser_100_90_media_max_num == 1){
		Image_Browser_100_90_thumb_width = 0;
		Image_Browser_100_90_thumb_height = 0;
		$("#Image_Browser_100_90").css("margin-bottom", 0 );

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

	Image_Browser_100_90_create_img();
	Image_Browser_100_90_resizeContainer();
	Image_Browser_100_90_arrow_show_hide();
	$(window).bind("resize", Image_Browser_100_90_resizeContainer);

	if( Image_Browser_100_90_started == "false" ){
		Image_Browser_100_90_initialize_action();
	}
}
function Image_Browser_100_90_initialize_action(){
	Image_Browser_100_90_started = "true";
	Image_Browser_100_90_resizeContainer();
}

function Image_Browser_100_90_control_show( set_interval ){
	if( Image_Browser_100_90_timer_id_B != "false" ){
		clearInterval( Image_Browser_100_90_timer_id_B );
	}
	$("#Image_Browser_100_90 .controller:not(:animated)").animate({opacity: 1},400,
		function() {
			Image_Browser_100_90_timer_id_B = setInterval(Image_Browser_100_90_control_hide, set_interval);
		}
	);
}
function Image_Browser_100_90_control_hide(){
	$("#Image_Browser_100_90 .controller:not(:animated)").animate({opacity: 0.6}, 400);
	clearInterval( Image_Browser_100_90_timer_id_B );
}
$("#Image_Browser_100_90").mousemove(function(e){
	Image_Browser_100_90_control_show( 2000 );
});

$("#Image_Browser_100_90 .pageHolder .pageWrap a").click(function(){
	Image_Browser_100_90_create_img_i = $(this).attr("id");
	Image_Browser_100_90_create_img();
	Image_Browser_100_90_repeat_flag = "false";
	Image_Browser_100_90_scrCtr();
	return false;
})

function Image_Browser_100_90_create_img(){
	if( Image_Browser_100_90_past_i != Image_Browser_100_90_create_img_i ){
		$("#Image_Browser_100_90 .text").stop().animate({opacity : 0},100,
			function() {
				var Image_Browser_100_90_imgCaption = Image_Browser_100_90_media_array[ Image_Browser_100_90_create_img_i ][2];
				var Image_Browser_100_90_imgDescription = Image_Browser_100_90_media_array[ Image_Browser_100_90_create_img_i ][3];

				$(this).parent().find(".caption").html( Image_Browser_100_90_imgCaption );
				$(this).parent().find(".description").html( Image_Browser_100_90_imgDescription );
			}
		 );
		var Image_Browser_100_90_imgURL = Image_Browser_100_90_media_array[ Image_Browser_100_90_create_img_i ][0];
		var Image_Browser_100_90_thumb_imgURL = Image_Browser_100_90_media_array[ Image_Browser_100_90_create_img_i ][1];
		var imgClass = Image_Browser_100_90_media_array[ Image_Browser_100_90_create_img_i ][6];
		Image_Browser_100_90_switch_thumbs();

		var Image_Browser_100_90_past_set_img_div = "Image_Browser_100_90_img_div_" + Image_Browser_100_90_past_i;
		var Image_Browser_100_90_past_target = $("#Image_Browser_100_90 div#" + Image_Browser_100_90_past_set_img_div);
		Image_Browser_100_90_past_i = Image_Browser_100_90_create_img_i;

		Image_Browser_100_90_set_img_div = "Image_Browser_100_90_img_div_" + Image_Browser_100_90_create_img_i;
		$("#Image_Browser_100_90 #main").append("<div class='image_wrapper' id='"+ Image_Browser_100_90_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>");

		var setLINK = Image_Browser_100_90_media_array[ Image_Browser_100_90_create_img_i ][7];
		$("#Image_Browser_100_90 .controller a").remove();
		if( setLINK != "" ){
			$("#Image_Browser_100_90 .controller").append("<a style='cursor: pointer; display: block; height: 100%; width: 100%;' href='"+setLINK+"' target='_blank' ></a>");
		}

		Image_Browser_100_90_target = $("div#" + Image_Browser_100_90_set_img_div);


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

			Image_Browser_100_90_past_target.fadeOut(
				1000,
				function () {
					$(this).remove();
				}
			);
			$("#Image_Browser_100_90 .text").animate({opacity : 1},600);

			if( Image_Browser_100_90_create_thumb_flag == "false"){
				Image_Browser_100_90_create_thumb_flag = "true";
				Image_Browser_100_90_create_thumbs();
			}
			Image_Browser_100_90_target.fadeIn(600, "swing");

			Image_Browser_100_90_resizeContainer();

			Image_Browser_100_90_preload_image();

			Image_Browser_100_90_scrCtr();
		});
		Image_Browser_100_90_target.find("img.low").attr("src", Image_Browser_100_90_thumb_imgURL);
	}
}

function Image_Browser_100_90_preload_image(){
	if( Image_Browser_100_90_preload_i ){
		$("#Image_Browser_100_90 img#pre_" + Image_Browser_100_90_preload_i).remove();
	}
	Image_Browser_100_90_preload_i = eval(Image_Browser_100_90_create_img_i)+1;
	if( Image_Browser_100_90_preload_i < Image_Browser_100_90_media_max_num ){
		var next_imgURL = Image_Browser_100_90_media_array[ Image_Browser_100_90_preload_i ][0];
		$("#Image_Browser_100_90 #main").append("<img style='display: none;' id='pre_"+ Image_Browser_100_90_preload_i +"' />");
		var next_target = $("#Image_Browser_100_90 img#pre_" + Image_Browser_100_90_preload_i );
		next_target.attr("src", next_imgURL);
	}
}


function Image_Browser_100_90_create_thumbs(){
	if( Image_Browser_100_90_create_thumbs_i < Image_Browser_100_90_media_max_num ){
		var Image_Browser_100_90_thumb_imgURL = Image_Browser_100_90_media_array[ Image_Browser_100_90_create_thumbs_i ][1];
		$("#Image_Browser_100_90 .pageHolder a#"+ Image_Browser_100_90_create_thumbs_i + " img" ).load(function () {
			var Image_Browser_100_90_imgHEIGHT = eval(Image_Browser_100_90_media_array[ Image_Browser_100_90_create_thumbs_i ][4]);
			var Image_Browser_100_90_imgWIDTH = eval(Image_Browser_100_90_media_array[ Image_Browser_100_90_create_thumbs_i ][5]);
			if( Image_Browser_100_90_imgHEIGHT > Image_Browser_100_90_imgWIDTH ){
				$(this).css("height", Image_Browser_100_90_thumb_height);
				$(this).css("width", Image_Browser_100_90_thumb_height/Image_Browser_100_90_imgHEIGHT*Image_Browser_100_90_imgWIDTH);
			}else{
				$(this).css("height", Image_Browser_100_90_thumb_width/Image_Browser_100_90_imgWIDTH*Image_Browser_100_90_imgHEIGHT);
				$(this).css("width", Image_Browser_100_90_thumb_width);
			}
			Image_Browser_100_90_create_thumbs_i ++;
			$(this).fadeIn(500); 
			setTimeout(function(){
				Image_Browser_100_90_resizeContainer();
				Image_Browser_100_90_create_thumbs();
			},10);
		});
		$("#Image_Browser_100_90 .pageHolder a#"+ Image_Browser_100_90_create_thumbs_i + " img" ).attr("src", Image_Browser_100_90_thumb_imgURL);
	}
}
	
$("#Image_Browser_100_90 .pageHolder img").mouseover(function(){
	$(this).stop().animate({
			opacity : 0.6
		},100)
	}
)
$("#Image_Browser_100_90 .pageHolder img").mouseout(function(){
		$(this).stop().animate({
			opacity : 1
		},400)
	}
)
	
function Image_Browser_100_90_switch_thumbs(){
	$.each(Image_Browser_100_90_media_array, function(i) { 
		if( i != Image_Browser_100_90_create_img_i ){
			$( "#Image_Browser_100_90 .pageHolder a#"+i).parent().fadeTo(100, 1);
			$( "#Image_Browser_100_90 .pageHolder a#"+i).parent().removeClass("selected");
		}else{
			$( "#Image_Browser_100_90 .pageHolder a#"+i).parent().fadeTo(100, 0.4);
			$( "#Image_Browser_100_90 .pageHolder a#"+i).parent().addClass("selected");
		}
	});
}

function Image_Browser_100_90_resizeContainer(e) {
	set_Image_Browser_100_90_width = $("#Image_Browser_100_90").width();
	set_Image_Browser_100_90_height = Math.round(set_Image_Browser_100_90_width/90*100);
	set_Image_Browser_100_90_root_height = set_Image_Browser_100_90_height + Image_Browser_100_90_thumb_height + $(".text").height() +6;

	if(Image_Browser_100_90_media_max_num == 1){
		if( 1.1111111111111 >= Image_Browser_100_90_media_array[Image_Browser_100_90_create_img_i ][4]/Image_Browser_100_90_media_array[ Image_Browser_100_90_create_img_i ][5] ){
			set_Image_Browser_100_90_width = $("#Image_Browser_100_90").width();
			set_Image_Browser_100_90_height = set_Image_Browser_100_90_width*Image_Browser_100_90_media_array[Image_Browser_100_90_create_img_i ][4]/Image_Browser_100_90_media_array[ Image_Browser_100_90_create_img_i ][5];
			set_Image_Browser_100_90_root_height = set_Image_Browser_100_90_height + $(".text").height();
		}
	}

	if( Image_Browser_100_90_started == "true" ){
		$("#Image_Browser_100_90").css("height", set_Image_Browser_100_90_root_height );
	}

	$("#Image_Browser_100_90 .image_wrapper").css("height", set_Image_Browser_100_90_height);

	$("#Image_Browser_100_90 .controller").css("height", set_Image_Browser_100_90_height);

	$("#Image_Browser_100_90 #main").css("height", set_Image_Browser_100_90_height);

	$("#Image_Browser_100_90 .image_wrapper div.cell").css("width", set_Image_Browser_100_90_width);
	$("#Image_Browser_100_90 .image_wrapper div.cell").css("height", set_Image_Browser_100_90_height);

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

	$("#Image_Browser_100_90 #watermark").css("width", set_Image_Browser_100_90_width);
	$("#Image_Browser_100_90 #watermark").css("height", set_Image_Browser_100_90_height);

	Image_Browser_100_90_thumb_area_width = set_Image_Browser_100_90_width;
	$("#Image_Browser_100_90 .pageHolder").css("width", set_Image_Browser_100_90_width+"px");

	Image_Browser_100_90_arrow_show_hide();
}

$("#Image_Browser_100_90 div.arrow_box_page_right").click(function(){
	if(-(Image_Browser_100_90_set_pagewrap_width-set_Image_Browser_100_90_width) + Image_Browser_100_90_thumb_area_width >= Image_Browser_100_90_thumb_total_width){
		Image_Browser_100_90_set_pagewrap_width += Image_Browser_100_90_thumb_area_width-(Image_Browser_100_90_thumb_total_width+Image_Browser_100_90_set_pagewrap_width);
	}else{
		Image_Browser_100_90_set_pagewrap_width -= set_Image_Browser_100_90_width-120;
	}
	$("#Image_Browser_100_90 .pageHolder .pageWrap").animate({
		marginLeft : Image_Browser_100_90_set_pagewrap_width+"px"
	},200)
	Image_Browser_100_90_arrow_show_hide();
})
	
$("#Image_Browser_100_90 div.arrow_box_page_left").click(function(){
	if(Image_Browser_100_90_set_pagewrap_width+set_Image_Browser_100_90_width-120 >= 0){
		Image_Browser_100_90_set_pagewrap_width = 0;
	}else{
		Image_Browser_100_90_set_pagewrap_width += set_Image_Browser_100_90_width-120;
	}
	$("#Image_Browser_100_90 .pageHolder .pageWrap").animate({
		marginLeft : Image_Browser_100_90_set_pagewrap_width+"px"
	},200)
	Image_Browser_100_90_arrow_show_hide();
})
	
$("#Image_Browser_100_90 div.arrow_box_photo_right").click(function(){
	Image_Browser_100_90_create_img_i ++;
	if( Image_Browser_100_90_create_img_i == Image_Browser_100_90_media_max_num){
		Image_Browser_100_90_create_img_i = 0;
	}
	Image_Browser_100_90_create_img();
	
	Image_Browser_100_90_scrCtr();
})
	
$("#Image_Browser_100_90 div.arrow_box_photo_left").click(function(){
	if( Image_Browser_100_90_create_img_i == 0){
		Image_Browser_100_90_create_img_i = Image_Browser_100_90_media_max_num;
	}
	Image_Browser_100_90_create_img_i --;
	Image_Browser_100_90_create_img();
	
	Image_Browser_100_90_scrCtr();
})
	
$("#Image_Browser_100_90 .arrow_box_page_left, #Image_Browser_100_90 .arrow_box_page_right, #Image_Browser_100_90 div.arrow_box_photo_right, #Image_Browser_100_90 div.arrow_box_photo_left ,#Image_Browser_100_90 div.controller_btn").mouseover(function(){
	$(this).stop().animate({
			opacity : 1
		},200)
	}
)
$("#Image_Browser_100_90 .arrow_box_page_left, #Image_Browser_100_90 .arrow_box_page_right, #Image_Browser_100_90 div.arrow_box_photo_right, #Image_Browser_100_90 div.arrow_box_photo_left ,#Image_Browser_100_90 div.controller_btn").mouseout(function(){
	$(this).stop().animate({
			opacity : 0.6
		},400)
	}
)
$("#Image_Browser_100_90 .arrow_box_page_left, #Image_Browser_100_90 .arrow_box_page_right, #Image_Browser_100_90 div.arrow_box_photo_right, #Image_Browser_100_90 div.arrow_box_photo_left ,#Image_Browser_100_90 div.controller_btn").animate({
	opacity : 0.6
},100)

$("#Image_Browser_100_90 div.play_box").click(function(){
	Image_Browser_100_90_repeat_flag = "true";
	Image_Browser_100_90_slidePlay();
})

$("#Image_Browser_100_90 div.stop_box").click(function(){
	Image_Browser_100_90_repeat_flag = "false";
	Image_Browser_100_90_scrCtr();
})

function Image_Browser_100_90_arrow_show_hide() {
	if(Image_Browser_100_90_thumb_area_width >= Image_Browser_100_90_thumb_total_width){

		$("#Image_Browser_100_90 .arrow_box_page_left").fadeOut(200);
		$("#Image_Browser_100_90 .arrow_box_page_right").fadeOut(200);
		$("#Image_Browser_100_90 .pageHolder .pageWrap").css("margin-left", (set_Image_Browser_100_90_width-Image_Browser_100_90_thumb_total_width)/2);
	}else if(Image_Browser_100_90_set_pagewrap_width == 0){
		$("#Image_Browser_100_90 .arrow_box_page_left").fadeOut(200);
		$("#Image_Browser_100_90 .arrow_box_page_right").fadeIn(200);
	}else if(-Image_Browser_100_90_set_pagewrap_width + Image_Browser_100_90_thumb_area_width >= Image_Browser_100_90_thumb_total_width){
		$("#Image_Browser_100_90 .arrow_box_page_left").fadeIn(200);
		$("#Image_Browser_100_90 .arrow_box_page_right").fadeOut(200);
		Image_Browser_100_90_set_pagewrap_width += -Image_Browser_100_90_set_pagewrap_width + Image_Browser_100_90_thumb_area_width - Image_Browser_100_90_thumb_total_width;
		$("#Image_Browser_100_90 .pageHolder .pageWrap").css("margin-left", Image_Browser_100_90_set_pagewrap_width);
	}else{
		$("#Image_Browser_100_90 .arrow_box_page_left").fadeIn(200);
		$("#Image_Browser_100_90 .arrow_box_page_right").fadeIn(200);
	}
}
	
function Image_Browser_100_90_scrCtr(){
	if( typeof( Image_Browser_100_90_Repeater ) != 'undefined' ){
		clearTimeout( Image_Browser_100_90_Repeater );
	}
	if( Image_Browser_100_90_repeat_flag == "true" ){
		$("#Image_Browser_100_90 div.play_box").css("display", "none");
		$("#Image_Browser_100_90 div.stop_box").css("display", "block");
		Image_Browser_100_90_Repeater = setTimeout(
			function(){
				Image_Browser_100_90_slidePlay();
			}
		, 5000);
	}else{
		$("#Image_Browser_100_90 div.play_box").css("display", "block");
		$("#Image_Browser_100_90 div.stop_box").css("display", "none");
	}
}
function Image_Browser_100_90_slidePlay(){
	Image_Browser_100_90_create_img_i ++;
	if( Image_Browser_100_90_create_img_i == Image_Browser_100_90_media_max_num){
		Image_Browser_100_90_create_img_i = 0;
		Image_Browser_100_90_repeat_flag = "false";
	}
	Image_Browser_100_90_create_img();
}
		
Image_Browser_100_90_media_array = [['https://s3.media-nisor.site/image/giichi_entry_2013_0826_191327_2827.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0826_191327_2827.jpg', '', '', '100', '73', 'vertically', '' ],['https://s3.media-nisor.site/image/giichi_entry_2013_0908_020425_4820.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0908_020425_4820.jpg', '', '', '70', '90', 'horizontally', '' ],['https://s3.media-nisor.site/image/giichi_entry_2013_0908_020428_7591.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0908_020428_7591.jpg', '', '', '70', '90', 'horizontally', '' ]];
Image_Browser_100_90_media_max_num = 3;

Image_Browser_100_90_initialize();

});