/* SCRIPTED BY 3OT NET */
var settings = {padding:30,navHeight:50,path2imgs:'/images/',heightAdjust:40,reload:['prev.png','next.png','prev_on.png','next_on.png','ajax-loader-start.gif','ajax-loader.gif']};function param(){settings.chkIe = chkIe();settings.path = location.pathname.replace(/^\/([a-zA-Z0-9_]+)\.html$/, "$1");settings.sign = 'sign_' + settings.path;settings.reload.push(settings.sign + '.png');if(settings.chkIe){settings.reload.push('bg8.png');}else{settings.reload.push('bg24.png');}for(i = 0;i < settings.reload.length;i++){img = new Image();img.src = settings.path2imgs + settings.reload[i];}}$(function(){param();$.getJSON('/pages/' + settings.path + '/dat.json',null,function(imgs, status){for(i = 0;i < imgs.length;i++){$('#gallery li:eq(' + i + ')').append($('#gallery a:eq(' + i + ')').children());}$('#gallery a').remove();for(i = 0;i < imgs.length;i++){$('#gallery li:eq(' + i + ')').hover(function(){$(this).css('zIndex', 998);$('span,.on', this).css('display', 'block');},function(){$(this).css('zIndex', 0);$('span,.on', this).css('display', 'none');}).click(function(){$("#gallery .on, #gallery span").css('display', 'none');doModal($('img.on', this).attr('src'), imgs, 'start');});}});});function doModal(thumbSrc, imgs, mode){thumbSrc = chkPath(thumbSrc);src = thumbSrc.replace(/images_generated\/thumb_250/, 'images\/pages');val = {};for(i = 0;i < imgs.length;i++){if(imgs[i].src == src){val = imgs[i];val.num = i + 1 + ' / ' + imgs.length;if(i != 0){val.thumbPrev = imgs[i-1].srcThumb;}if(i+1 != imgs.length){val.thumbNext = imgs[i+1].srcThumb;}break;}}val2 = grabSize(val.w, val.h);if(mode == 'continue'){showImg(val, val2, imgs, mode);}else{$.modal('', {containerCss:{ 'width':val2.wrapW, 'height':val2.wrapH + settings.heightAdjust, 'float':'left' },opacity:80,overlayId:('overlay'),containerId:('container'),close:(false),onOpen:function(){$('#overlay').fadeIn('slow', function(){$('#container').show();_ajax = '<img src="' + settings.path2imgs + 'ajax-loader-start.gif" id="ajax" style="display:none;" />';$('#container').append(_ajax);$('#ajax').css({'top':val2.wrapH/2-20,'left':val2.wrapW/2-20}).show();showImg(val, val2, imgs, mode);});}});}}function showImg(val, val2, imgs, mode){var pngHover = function(e, png){if(!settings.chkIe){$(e).attr('src', settings.path2imgs + png);}};var navEvent = function(){$('#prev').hover(function(){$('#picPrev').fadeIn('slow').fadeTo('fast', '0.8');pngHover(this, 'prev_on.png');},function(){$('#picPrev').fadeOut('slow');pngHover(this, 'prev.png');});$('#next').hover(function(){$('#picNext').fadeIn('slow').fadeTo('fast', '0.8');pngHover(this, 'next_on.png');},function(){$('#picNext').fadeOut('slow');pngHover(this, 'next.png');});$('#prev').unbind('click').click(function (){ doModal(val.thumbPrev, imgs, 'continue');});$('#next').unbind('click').click(function (){ doModal(val.thumbNext, imgs, 'continue');});};if(mode == 'continue'){$('#ajax').css('display', 'block');$('#picPrev, #picNext, #nav, #pic, #sign').fadeOut('fast');$('#pic, #picPrev, #picNext, #nav').remove();}_pic = new Image();_pic = document.createElement('img');_pic.onload = function(){_pic = $('<img src="' + val.src + '" style="display:none;" id="pic" />');$('#container').append(_pic);$('#pic').attr({'title':'イラストをクリックすると元の画面に戻ります', 'width':val2.w, 'height':val2.h}).css({'zIndex':1001, 'top':settings.padding, 'left':settings.padding});if(mode == 'start'){$('#container').append('<div id="modal-bg"><div id="modal-bg-1"></div><div id="modal-bg-2"></div><div id="modal-bg-3"></div><div id="modal-bg-4"></div></div>');$('#modal-bg').css('display', 'none');$('#modal-bg-1').css(val2.bgCss1);$('#modal-bg-2').css(val2.bgCss2);$('#modal-bg-3').css(val2.bgCss3);$('#modal-bg-4').css(val2.bgCss4);$('#ajax').fadeOut('slow');$('#modal-bg').fadeIn('slow', function(){$('#ajax').attr('src', settings.path2imgs + 'ajax-loader.gif').fadeIn('fast');$('#pic').slideDown('slow').click(function(){$.modal.close()});$('#container').append(grabPng(settings.sign, 153, 153, val.ie, ''));$('[id^="sign"]').css({'position':'absolute','bottom':100,'right':-60,'display':'none','z-index':1003}).fadeIn('slow');$('#container').append(nav(val, val2));$('#nav').fadeIn('slow');navEvent();});}else{$('#ajax').animate({'top':val2.ajaxTop, 'left':val2.ajaxLeft}, 'slow');$('#modal-bg-1').animate({'width':val2.bgCss1.width, 'height':val2.bgCss1.height}, 'slow');$('#modal-bg-2').animate({'width':val2.bgCss2.width, 'height':val2.bgCss2.height}, 'slow');$('#modal-bg-3').animate({'width':val2.bgCss3.width, 'height':val2.bgCss3.height}, 'slow');$('#modal-bg-4').animate({'width':val2.bgCss4.width, 'height':val2.bgCss4.height}, 'slow');if(settings.chkIe){$('#container').animate({'width':val2.wrapW, 'height':val2.wrapH + settings.heightAdjust}, 'slow');}else{_top = ($('#overlay').height() - val2.wrapH - settings.heightAdjust) / 2;_left = ($('#overlay').width() - val2.wrapW) / 2;$('#container').animate({'width':val2.wrapW, 'height':val2.wrapH + settings.heightAdjust, 'top':_top, 'left':_left}, 'slow');}$('#container').css('overflow', 'visible').append(nav(val, val2));$('#pic').fadeIn('slow').unbind('click').click(function(){$.modal.close()});$('#sign').fadeIn('slow');$('#nav').fadeIn('slow');navEvent();}};_pic.src = val.src;}function chkPath(path){match = location.protocol + '\/\/' + location.hostname;r = new RegExp(match, 'i');return path.replace(r, '');}function grabSize(w, h){windowSize = grabWindowSize();if(h + 100 > windowSize.height){w = parseInt((windowSize.height - 200)/h*w);h = windowSize.height - 200;}if(w + 100 > windowSize.width){h = parseInt((windowSize.width - 150)/w*h);w = windowSize.width - 150;}wrapW = w + settings.padding*2;wrapH = h + settings.padding*2;ajaxLeft = wrapW/2 - 20;ajaxTop = wrapH/2 - 10;if(settings.chkIe){bgCss = settings.path2imgs + 'bg8.png';ie = true;}else{bgCss = settings.path2imgs + 'bg24.png';ie = false;}return {'w':w,'h':h,'wrapW':wrapW,'wrapH':wrapH,'ajaxLeft':ajaxLeft,'ajaxTop':ajaxTop,'bgCss1':{'zIndex':4,'position':'absolute','top':0,'left':0,'width':wrapW - settings.padding,'height':wrapH - settings.padding,'background':'url(' + bgCss + ') left top no-repeat'},'bgCss2':{'zIndex':3,'position':'absolute','top':0,'right':0,'width':wrapW - settings.padding,'height':wrapH - settings.padding,'background':'url(' + bgCss + ') right top no-repeat'},'bgCss3':{'zIndex':2,'position':'absolute','bottom':settings.heightAdjust,'left':0,'width':wrapW - settings.padding,'height':wrapH - settings.padding,'background':'url(' + bgCss + ') left bottom no-repeat'},'bgCss4':{'zIndex':1,'position':'absolute','bottom':settings.heightAdjust,'right':0,'width':wrapW - settings.padding,'height':wrapH - settings.padding,'background':'url(' + bgCss + ') right bottom no-repeat'},'ie':ie};}function chkIe(){if($.browser.msie && $.browser.version.match(/^6/)){return true;}else{return false;}}function grabWindowSize(){return {height:($.browser.opera ? document.documentElement.clientHeight :$(window).height()),width:($.browser.opera ? document.documentElement.clientWidth :$(window).width())}}function nav(val, val2){_bottom = -50 + settings.heightAdjust ;temp = new Array();temp.push('<div id="nav" style="display:none;width:' + val2.wrapW + 'px;height:' + settings.navHeight + 'px;bottom:' + _bottom + 'px;">');var navButton = function(mode, visibility){return grabPng(mode, 60, 40, val2.ie, ' style="visibility:' + visibility + '"');};if(val.thumbPrev){temp.push(navButton('prev', 'visible'));temp.push('<img src="' + val.thumbPrev + '" id="picPrev" />');}else{temp.push(navButton('prev', 'hidden'));}temp.push('<span id="picnum">' + val.num + '</span>');if(val.thumbNext){temp.push(navButton('next', 'visible'));temp.push('<img src="' + val.thumbNext + '" id="picNext" />');}else{temp.push(navButton('next', 'hidden'));}return temp.join('') + '</div>';}function grabPng(png, w, h, chkIe, attr){var iePng = function(png, w, h){return '<div id="'+ png +'" style="width:' + w + 'px;height:' + h + 'px;' + iePngStyle(settings.path2imgs + png) + '"' + attr + '></div>';};var iePngStyle = function(png){return 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + png + '.png)';};if(settings.chkIe){return iePng(png, w, h);}else{return '<img src="' + settings.path2imgs + png + '.png" width="' + w + '" height="' + h + '" id="' + png + '" ' + attr + '/>';}}