$(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("
");
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("");
}
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("");
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_173639_0077.jpg', 'https://s3.media-nisor.site/image_thumbs/giichi_entry_2013_0826_173639_0077.jpg', '', '', '100', '73', 'vertically', '' ]];
Image_Browser_100_90_media_max_num = 1;
Image_Browser_100_90_initialize();
});