L = iload = iLoad = { // ***************************************************************************************************** // Javascript галерея iLoad 3, версия beta 0.4 // Автор Aleko // Подробная информация и обновления по адресу http://studioad.ru/index/0-8 // Распространяется бесплатно при условии сохранения целостности скрипта // ***************************************************************************************************** loaderPath:"http://platon-graphics.net/assets/templates/pg/iLoad/wait.gif", // адрес картинки процесса загрузки // Настройки скорости анимации: overlayAppearSpeed: 300, // скорость появления тени в мс overlayDisappearSpeed: 200, // скорость исчезновения тени в мс containerAppearSpeed: 300, // скорость появления вьюпорта в мс containerDisappearSpeed: 300, // скорость исчезновения вьюпорта в мс containerResizeSpeed: 300, // скорость анимации изменения размера вьюпорта contentAppearSpeed: 300, // скорость появления контента в мс contentDisappearSpeed: 300, // скорость исчезновения контента в мс loaderAppearSpeed: 200, // скорость появления загрузчика в мс loaderDisappearSpeed: 200, // скорость исчезновения загрузчика в мс windowResizeSpeed: 300, // скорость подстройки под размеры окна в мс panelAppearSpeed: 300, // скорость появления панели в мс panelDisappearSpeed: 300, // скорость исчезновения панели в мс arrowsSpeed: 200, // скорость движения стрелок в мс // Настройки отступов и углов: paddingFSE:36, // отступ от границ экрана в пикселях при подгонке под них contentPadding: 3, // отступ контента от внутренних границ (так же влияет на отступ панели от вьпорта и текста от изображения) cornersSize: 10, // размер радиуса сглаженных углов (так же влияет на отступ панели от вьпорта и текста от изображения) // Настройки цветов и прозрачности overlayOpacity: 60, // прозрачность тени под вьюпортом overlayBackground:"#000", // бэкграунд тени в формате css(цвет или изображение) containerColor:"#FFF", // цвет вьюпорта (hex формат) // Настройки навигации panelType: "big", // тип панели управления сетом фотографий ("big","small") hidePWS: false, // прятать панель на время изменения размеров вьюпорта? (true,false) forceCloseBut:false, // всегда ли выводить кнопку закрытия вьюпорта на маленькой панели? (true,false) arrows: true, // отображать стрелки при навигации нажатием на части изображения? (true,false) imageNav: true, // использовать навигацию нажатием на части изображения? (true,false) keyboard: true, // включить управление с клавиатуры? (true,false) draganddrop: true, // включить возможность передвигать вьюпорт мышкой? (true,false) preloadNeighbours: true, // предзагружать соседние фотографии в сете для удобства просмотра? (true,false) // Настройки выводимой информации forceOriginalSize:false, // всегда открывать в фотографию оригинальном размере? (true,false) info:false, // выводить формат и размер изображения? (true,false) groupInfoText: '[IMAGE_NUM] из [TOTAL_NUM] работ', // вид написания информации о группе в группе "[GROUP_NAME]" fileInfoText: "В формате [FORMAT] размером [WIDTH]х[HEIGHT] в пикселей", // вид написания информации о файле tips:[ 'Предыдущее изображение', // подсказка к кнопке "назад" 'Следующее изображение', // подсказка к кнопке "вперед" 'Закрыть галерею', // подсказка к кнопке "закрыть" 'Слайдшоу', // подсказка к кнопке "плей" 'Пауза слайдшоу', // подсказка к кнопке "пауза" 'Оригинальный размер', // подсказка к кнопке "открыть в исходном размере" 'Уместить в окне' // подсказка к кнопке "уместить в окно" ], // Настройки вида текста font:"Tahoma, Arial", // тип шрифта на панели описания фотографии fontSize:"11px", // размер шрифта fontNameColor:"#919191", // цвет шрифта имени fontColor:"#919191", // цвет шрифта остального текста // Настройки слайдшоу slideshowTime: 3000, // интервал переключения фотографий в слайдшоу в мс slideshowRound: false, // показывать фотографии в слайдшоу в бесконечном цикле? (true,false) slideshowClose: false, // закрывать iLoad в конце слайдшоу? (true,false) ie:!-[1,],cW:function(){return document.compatMode=="CSS1Compat"?document.documentElement.clientWidth:document.body.clientWidth},cH:function(){return document.compatMode=="CSS1Compat"?document.documentElement.clientHeight:document.body.clientHeight},sW:function(){return document.compatMode=="CSS1Compat"?document.documentElement.scrollWidth:document.body.scrollWidth},sH:function(){return document.compatMode=="CSS1Compat"?document.documentElement.scrollHeight:document.body.scrollHeight},sL:function(){return document.body.scrollLeft||document.documentElement.scrollLeft},sT:function(){return document.body.scrollTop||document.documentElement.scrollTop},X:function(a){a=this.ie?window.event:a;return a?a.clientX:0},Y:function(a){a=this.ie?window.event:a;return a?a.clientY:0},ready:null,opened:false,animating:false,animator:[],anielems:0,animtype:function(a){var b=function(c){return Math.pow(c,3)};if(a<0.5){return b(2*a)/2}else{return(2-b(2*(1-a)))/2}},animate:function(d,a,c,e){for(key in a){b(key,a[key])}function b(g,i){for(key in L.animator){if(L.animator[key].o==d&&L.animator[key].p==g){clearInterval(L.animator[key].timer)}}var h,f=L.anielems;switch(g){case"opacity":if(L.ie){h=d.style.filter?parseFloat(d.style.filter.match(/\d+/)):100}else{h=d.style.opacity?parseFloat(d.style.opacity):1;i=i/100}break;case"marginTop":h=parseInt(d.style.marginTop||0);break;case"marginLeft":h=parseInt(d.style.marginLeft||0);break;case"width":h=d.offsetWidth;break;case"height":h=d.offsetHeight;break;case"top":h=d.offsetTop;break;case"left":h=d.offsetLeft;break;case"right":h=parseInt(d.style.right||0);break;case"bottom":h=parseInt(d.style.bottom||0);break;default:h=0;break}L.animator[f]={o:d,p:g,start:new Date().getTime(),timer:setInterval(function(){var n=(new Date().getTime())-L.animator[f].start,m,p,o,k,l=n/c;if(g=="opacity"){var j=(i-h)*l+h;if(L.ie){d.style.filter="alpha(opacity="+j+")"}else{d.style.opacity=j}}else{d.style[g]=(i-h)*L.animtype(l)+h+"px"}if(l>=1){clearInterval(L.animator[f].timer);if(g=="opacity"){if(L.ie){d.style.filter=i==100?"":"alpha(opacity="+i+")"}else{d.style.opacity=i}}else{d.style[g]=i+"px"}if(e){e()}}},10)};L.anielems++}},next:function(){if(L.opened&&L.ready&&L.total>1&&L.num1&&L.num>1&&!L.animating){L.image(L.output,L.groupName,L.num-1)}},iSizeChanged:false,bigpanelOpen:false,openPanel:function(a){L.bigpanelOpen=true;if(L.panelType=="big"){L.box.appendChild(L.bigpanel);L.animate(L.bigpanel,{bottom:-(36+L.cornersSize+L.contentPadding)},L.panelAppearSpeed,function(){if(a){L.animate(L.bigpanel,{width:200,marginLeft:-100},L.panelAppearSpeed,function(){L.iSizeChanged=true})}})}},closePanel:function(a){L.bigpanelOpen=false;var b=function(){L.loadcont.appendChild(L.bigpanel)};if(L.panelType=="big"){if(L.iSizeChanged){L.animate(L.bigpanel,{width:152,marginLeft:-1},L.panelDisappearSpeed,function(){L.animate(L.bigpanel,{bottom:4},L.panelDisappearSpeed,function(){b();if(a){a()}})})}else{L.animate(L.bigpanel,{bottom:4},L.panelDisappearSpeed,function(){b();if(a){a()}})}}},comp:function(){if(L.opened&&L.ready&&!L.animating){L.size="computed!";L.image(L.output,L.groupName,L.num)}},orig:function(){if(L.opened&&L.ready&&!L.animating){L.size="original";L.image(L.output,L.groupName,L.num)}},create:function(){var build=function(i){return document.createElement(i)},add=function(i,e){i.appendChild(e)},css=function(i,e){i.style.cssText=e},_=null,__=function(){if(_){clearTimeout(_);_=null}_=setTimeout(L.center,100)},___=function(event){L.curx=L.X(event);L.cury=L.Y(event)};if(L.ready==null){if(L.ie){window.attachEvent("onresize",__);document.body.attachEvent("onmousemove",___);document.attachEvent("onclick",L.travers);document.attachEvent("onkeydown",L.keys)}else{window.addEventListener("resize",__,false);document.body.addEventListener("mousemove",___,false);document.addEventListener("click",L.travers,false);document.addEventListener("keydown",L.keys,false)}}if(!L.ready){L.ready=true;this.panel=build("div");this.bigpanel=build("div");this.overlay=build("div");this.wrap=build("div");this.box=build("div");this.tc=build("div");this.bc=build("div");this.arrl=build("div");this.arrr=build("div");this.ir=build("div");this.or=build("div");this.wait=build("img");this.contentOverlay=build("div");this.content=build("div");this.details=build("div");this.hidedet=build("div");this.loadcont=build("div");L.bigpanel.className="L_panel_big";L.overlay.className="L_overlay";L.loadcont.className="L_loadcont";L.contentOverlay.className="L_contoverlay";L.arrl.className="L_arrl";L.arrr.className="L_arrr";L.wrap.className="L_wrap";L.box.className="L_box";L.wait.className="L_wait";css(L.panel,"margin-left:-1px;position:absolute;left:"+parseInt(L.cornersSize+L.contentPadding)+"px;bottom:"+parseInt(L.cornersSize*2+L.contentPadding)+"px;font-family:"+L.font+";font-size:"+L.fontSize+";color:"+L.fontColor);css(L.wrap,"display:none;opacity:0;filter:alpha(opacity=0);");css(L.overlay,"display:none;opacity:0;filter:alpha(opacity=0);background:"+L.overlayBackground);css(L.bc,"z-index:9997;margin:0 "+L.cornersSize+"px 0 "+L.cornersSize+"px;background:"+L.containerColor+";height:"+L.cornersSize+"px;position:relative;");css(L.tc,"z-index:9997;margin:0 "+L.cornersSize+"px 0 "+L.cornersSize+"px;background:"+L.containerColor+";height:"+L.cornersSize+"px;position:relative;");css(L.arrl,"margin-bottom:"+-L.cornersSize+"px;");css(L.arrr,"margin-bottom:"+-L.cornersSize+"px;");css(L.ir,(/*@cc_on @_jscript_version==5.8 @*/+0?"margin-bottom:-"+L.cornersSize*2+"px;":"margin-")+"top:-"+L.cornersSize*2+"px;z-index:9997;position:relative;height:100%;overflow:hidden;");css(L.or,"margin-top:"+L.cornersSize*2+"px;background:"+L.containerColor+";z-index:9997;position:relative;height:100%;overflow:hidden;");css(L.content,"padding:"+L.contentPadding+"px;margin:0 "+L.cornersSize+"px 0 "+L.cornersSize+"px;");L.contentOverlay.innerHTML='';L.arrl.innerHTML="";L.arrr.innerHTML="";add(document.body,L.loadcont);add(L.loadcont,L.wait);L.wait.onload=function(){css(L.wait,"margin:-"+parseInt(L.cornersSize+L.wait.offsetHeight/2)+"px 0 0 -"+L.wait.offsetWidth/2+"px;");add(L.or,L.wait)};L.wait.src=L.loaderPath;add(L.or,L.content);add(L.ir,L.or);add(L.wrap,L.box);add(L.or,L.contentOverlay);add(L.box,L.tc);add(L.box,L.ir);add(L.box,L.bc);add(L.loadcont,L.arrl);add(L.loadcont,L.arrr);add(document.body,L.overlay);add(document.body,L.wrap);if(L.ie){var ielist=document.createStyleSheet();ielist.addRule("v\\:roundrect","behavior: url(#default#VML);display:inline-block;position:absolute;");var e=parseInt(L.cornersSize*2-1);L.tc.innerHTML='
';L.bc.innerHTML='
'}else{L.tc.innerHTML='';L.bc.innerHTML='';var ltc=document.getElementById("L_ltc").getContext("2d");var rtc=document.getElementById("L_rtc").getContext("2d");var lbc=document.getElementById("L_lbc").getContext("2d");var rbc=document.getElementById("L_rbc").getContext("2d");ltc.beginPath();ltc.fillStyle=L.containerColor;ltc.arc(L.cornersSize,L.cornersSize,L.cornersSize,0,Math.PI,true);ltc.fill();rtc.beginPath();rtc.fillStyle=L.containerColor;rtc.arc(0,L.cornersSize,L.cornersSize,0,Math.PI,true);rtc.fill();lbc.beginPath();lbc.fillStyle=L.containerColor;lbc.arc(L.cornersSize,0,L.cornersSize,0,Math.PI*2,true);lbc.fill();rbc.beginPath();rbc.fillStyle=L.containerColor;rbc.arc(0,0,L.cornersSize,0,Math.PI*2,true);rbc.fill()}}},destroy:function(){if(L.ready){if(L.opened){L.hide()}L.stop();document.body.removeChild(L.overlay);document.body.removeChild(L.wrap);document.body.removeChild(L.loadcont);L.ready=false;L.opened=false;L.animating=false}},recreate:function(){L.destroy();L.create()},center:function(b){if(L.ready){var c=L.cW()/2-L.box.offsetWidth/2,a=L.cH()/2-L.box.offsetHeight/2-(L.panelType=="big"&&L.opened?(18+L.cornersSize/2):0);if(b==1){L.box.style.top=(a<0?0:a)+"px";L.box.style.left=(c<0?0:c)+"px";L.wrap.style.top=L.sT()+"px";L.wrap.style.left=L.sL()+"px"}else{L.animate(L.wrap,{top:L.sT(),left:L.sL()},L.windowResizeSpeed,function(){L.animate(L.box,{top:a<0?0:a,left:c<0?0:c},L.windowResizeSpeed)})}}},scale:function(a,c,d){if(L.ready&&L.opened){var b=function(){var f=L.cW()/2-a/2,e=L.cH()/2-c/2-(L.panelType=="big"?(18+L.cornersSize/2):0);e=e<0?0:e;f=f<0?0:f;if(a==L.box.offsetWidth&&c==L.box.offsetHeight&&!L.animating){if(d){d()}}else{if(!L.animating){L.animating=true;L.removeAll();L.animate(L.box,{top:e,left:f,width:a,height:c},L.containerResizeSpeed,function(){L.pasteAll();L.animating=false;if(d){d()}})}}};b()}},show:function(a){if(L.ready&&!L.opened&&!L.animating){L.overlay.style.display="";L.animate(L.overlay,{opacity:L.overlayOpacity},L.overlayAppearSpeed,function(){L.wrap.style.display="";L.center(1);L.animate(L.wrap,{opacity:100},L.containerAppearSpeed,function(){L.wrap.style.filter="";L.opened=true;if(a){a()}})})}else{if(L.ready&&!L.animating){if(a){a()}}}},hide:function(){if(L.opened&&L.ready){L.stop();L.contentOverlay.style.visibility="visible";L.animate(L.contentOverlay,{opacity:100},L.contentDisappearSpeed,function(){L.wait.style.visibility="hidden";L.removeAll();L.animate(L.wrap,{opacity:0},L.containerDisappearSpeed,function(){L.wrap.style.display="none";L.animate(L.overlay,{opacity:0},L.overlayDisappearSpeed,function(){L.pasteAll();L.overlay.style.display="none";L.content.innerHTML="";L.opened=false;L.animating=false;L.closePanel()})})})}},keys:function(f){if(L.keyboard&&L.opened&&L.ready){var e=function(){if(L.ie){window.event.returnValue=false}else{f.preventDefault()}},d=f.keyCode,c=String.fromCharCode(d).toLowerCase();if(d==27||c=="d"){e();L.hide()}if(d==39||c=="c"){e();L.next()}if(d==37||c=="g"){e();L.prev()}if((d==16||c=="i")&&!L.slideshow){e();L.play()}if((d==17||c=="p")&&L.slideshow){e();L.stop()}if(d==49){e();L.image(L.output,L.groupName,1)}if(d==50){e();L.image(L.output,L.groupName,2)}if(d==51){e();L.image(L.output,L.groupName,3)}if(d==52){e();L.image(L.output,L.groupName,4)}if(d==53){e();L.image(L.output,L.groupName,5)}if(d==54){e();L.image(L.output,L.groupName,6)}if(d==55){e();L.image(L.output,L.groupName,7)}if(d==56){e();L.image(L.output,L.groupName,8)}if(d==57){e();L.image(L.output,L.groupName,9)}}},removeAll:function(){L.content.style.display="none";L.wait.style.display="none";L.contentOverlay.style.display="none";L.loadcont.style.display="none"},pasteAll:function(){L.contentOverlay.style.display="";L.content.style.display="";L.wait.style.display="";L.loadcont.style.display=""},travers:function(d){var j,s,k,p,o,e,n,c,l,a,h,g;j=L.ie?window.event.srcElement:d.target;if(j.parentNode.tagName=="A"){j=j.parentNode;s=j.rel;if(s&&(/^iload(::.*)?/i.test(s))){if(L.ie){window.event.returnValue=false}else{d.preventDefault()}k=false;p=false;g=[];g[0]=j;if(/^iload::.+/i.test(s)){c=document.links;n=[];for(l=0;l1){k=h+1;p=s.split("::")[1];g=n}else{if(j==n[h]&&n.length==1){g=n[0]}}}}var f=[];for(var b=0;be+L.cornersSize+L.contentPadding&&L.curya+b/2+L.cornersSize+L.contentPadding&&L.curx1&&L.numa+L.cornersSize+L.contentPadding&&L.curx1&&L.num-1>0?0:2):2)):2;if(L.cursorpos==1&&c!=1){c=1;L.hideLeftArr();L.showRightArr()}if(L.cursorpos==0&&c!=0){c=0;L.hideRightArr();L.showLeftArr()}if((L.cursorpos==2||i==1)&&c!=2){c=2;if(L.imageNav){L.imthis.style.cursor='default'}L.hideLeftArr();L.hideRightArr()}},play:function(){if(L.slideshow<1){L.slideshow=1;if(L.total>1&&L.num1&&L.num0&&c||1<=b.length){L.size=L.forceOriginalSize&&L.size==("computed"||"original")||L.size=="original"?"original":"computed";L.cornersSize=L.cornersSize<1?1:L.cornersSize;L.imthis=new Image();if(L.groupName==e){if(L.num==c-1&&L.imnext){L.imthis=L.imnext}else{if(L.num==c+1&&L.imprev){L.imthis=L.imprev}}}L.num=c||1;L.output=b;L.groupName=e;L.total=b.length;L.imageName=L.output[L.num-1].split("::")[1];L.imageDesc=L.output[L.num-1].split("::")[2];if(L.preloadNeighbours){if(L.output[L.num-2]){L.imprev=new Image();L.imprev.src=L.output[L.num-2].split("::")[0]}if(L.output[L.num]){L.imnext=new Image();L.imnext.src=L.output[L.num].split("::")[0]}}(function(){var d=0,a,g,b,e,f;L.imthis.onmousedown=function(c){a=L.curx;g=L.cury;f=L.imthis.style.cursor||"default";if(L.draganddrop){b=L.box.offsetLeft;e=L.box.offsetTop;d=1;L.imthis.style.cursor="move"}if(L.ie){window.event.returnValue=false}else{c.preventDefault()}};L.imthis.onmouseup=function(){d=0;L.imthis.style.cursor=f};L.wrap.onmouseup=function(){d=0;L.imthis.style.cursor=f};L.wrap.onmousemove=function(){if(d){L.box.style.left=b+L.curx-a+"px";L.box.style.top=e+L.cury-g+"px"}};L.imthis.onclick=function(){if(a==L.curx&&g==L.cury&&L.cursorpos<2&&L.imageNav){if(L.cursorpos){L.next()}else{L.prev()}}};L.imthis.onmousemove=function(c){if(!d){L.cursortest()}if(L.ie){window.event.returnValue=false}else{c.preventDefault()}};L.imthis.onmouseout=function(){L.cursortest(1)}})();L.show(function(){var f=function(){L.imthis.src=L.output[L.num-1].split("::")[0];if(L.imthis.width&&L.imthis.height){a()}else{L.showLoader();L.imthis.onload=function(){L.hideLoader(function(){a()})};L.imthis.src=L.output[L.num-1].split("::")[0]}};if(!L.content.innerHTML){f()}else{var g=function(){L.contentOverlay.style.visibility="visible";L.animate(L.contentOverlay,{opacity:100},L.contentDisappearSpeed,function(){L.content.innerHTML="";f()})};if(L.bigpanelOpen&&L.panelType=="big"&&!L.hidePWS){L.closePanel(g)}else{g()}}});function a(){L.loadcont.appendChild(L.imthis);var g=L.cH()-L.cornersSize*2-L.contentPadding*2-(L.panelType=="big"?parseInt(36+L.cornersSize):0)-L.paddingFSE*2,h=L.cW()-L.cornersSize*2-L.contentPadding*2-L.paddingFSE*2;iw=L.imthis.width,ih=L.imthis.height,_=1,iow=0,ioh=0,minimum=152-L.cornersSize*2-L.contentPadding*2,panel=L.total>1||L.imageName||L.imageDesc||L.forceCloseBut||L.info;L.panel.innerHTML=(L.imageName?'
'+L.imageName+"
":"").concat((L.imageDesc?"
"+L.imageDesc+"
":""),(L.total>1?"
".concat(L.groupInfoText.replace("[IMAGE_NUM]",L.num).replace("[TOTAL_NUM]",L.total).replace("[GROUP_NAME]",L.groupName),"
"):""),(L.info?"
".concat(L.fileInfoText.replace("[FORMAT]",L.output[L.num-1].split("::")[0].match(/\.(\w+)($|#|\?)/)[1]).replace("[WIDTH]",iw).replace("[HEIGHT]",ih),"
"):""),((L.total>1||L.forceCloseBut||iw>h||ih>g)&&L.panelType!="big"?'
".concat((L.total>1&&(L.slideshowRound||L.num!=L.total)?'":""),'',(L.total>1&&L.num>1?'':""),(L.total>1&&L.num':""),"
"):""));L.panel.style.width=L.imthis.offsetWidth+"px";L.loadcont.appendChild(L.panel);var f=function(){iw=iow||iw;ih=ioh||ih;iow=iw>h?h:iw;L.panel.style.width=iow+"px";ioh=ih/100*(100/iw*iow);ih=ioh;var i=parseInt(L.panel.offsetHeight+L.cornersSize+L.contentPadding);ioh=Math.round(ioh>g-i?g-i:ioh);iow=Math.round(iow/100*(100/ih*ioh));L.panel.style.width=iow+"px";if(iohg||iow>h)&&_<10){_++;f()}else{L.imthis.style.width=iow+"px";L.imthis.style.height=ioh+"px"}};if(L.size!="original"&&L.imthis.height>minimum&&L.imthis.width>minimum&&(iw>h-L.cornersSize*2-L.contentPadding*2||ih>g-L.cornersSize*2-L.contentPadding*2-(panel?L.panel.offsetHeight+L.cornersSize+L.contentPadding:0))){f()}iw=iow||iw;ih=ioh||ih;if(ihh-L.cornersSize*2-L.contentPadding*2||ih>g-L.cornersSize*2-L.contentPadding*2-(panel?L.panel.offsetHeight+L.cornersSize+L.contentPadding:0))?true:false;if(L.panelType=="big"){L.bigpanel.innerHTML="".concat(' ','

',(L.size=="original"?'':''),"
")}else{if(L.iSizeChanged){L.panel.innerHTML=L.panel.innerHTML.replace(/<\/div>$/i,'')}}L.scale(L.imthis.offsetWidth+L.cornersSize*2+L.contentPadding*2,L.imthis.offsetHeight+L.cornersSize*2+L.contentPadding*2+(panel||L.iSizeChanged&&L.panelType!="big"?L.panel.offsetHeight+L.cornersSize+L.contentPadding:0),function(){L.content.appendChild(L.imthis);if(panel||L.iSizeChanged){L.content.appendChild(L.panel)}L.animate(L.wrap,{height:L.box.offsetHeight+(L.panelType=='big'?36+L.cornersSize+L.contentPadding:0)},L.contentAppearSpeed);L.animate(L.contentOverlay,{opacity:0},L.contentAppearSpeed,function(){L.contentOverlay.style.visibility="hidden";L.openPanel(L.iSizeChanged);L.cursortest();L.center();L.size=L.forceOriginalSize?"original":"computed";L.doslide();if(d){d()}})})}}}};L.create();