';
requestAnimationFrame(fitTitle);
if(srcEl)srcEl.textContent=a.museum;
}
/* ---------- слайдшоу: смена раз в 5 секунд, следующая картина подгружается заранее ---------- */
var DELAY=5000,timer=0,paused=false,onScreen=false,busy=false,shown=false,nextP=null,started=false;
var pauseBtn=document.getElementById('art-pause');
var zoomBtn=document.getElementById('art-zoom'),zoomOn=true,curImg=null,ZOOM=1.5;
if(!zoomBtn&&pauseBtn&&pauseBtn.parentNode){
/* если в index.html кнопки нет (старая версия страницы), создаём её здесь */
zoomBtn=document.createElement('button');
zoomBtn.type='button';zoomBtn.id='art-zoom';zoomBtn.className='share art-zoom';
zoomBtn.setAttribute('aria-pressed','false');zoomBtn.setAttribute('aria-label','Плавное увеличение картины');zoomBtn.title='Плавное увеличение';
zoomBtn.innerHTML='';
pauseBtn.parentNode.insertBefore(zoomBtn,pauseBtn.nextSibling);
var st=document.createElement('style');
st.textContent='.art-zoom{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.horo .share[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}';
document.head.appendChild(st);
}
if(zoomBtn)zoomBtn.setAttribute('aria-pressed',zoomOn?'true':'false'); /* лупа включена по умолчанию */
function startZoom(im){if(!im)return;setTr(im,'transform '+DELAY+'ms linear');im.style.transform='scale('+ZOOM+')'}
var zoomT=0;
function armZoom(im){clearTimeout(zoomT);zoomT=setTimeout(function(){if(zoomOn&&im===curImg)startZoom(im)},DELAY)}
function stopZoom(im){clearTimeout(zoomT);if(!im)return;view={s:1,x:0,y:0};frame.style.touchAction='';setTr(im,'transform .6s ease');im.style.transform='scale(1)'}
var slowBtn=document.getElementById('art-slower');
/* ---------- ручной просмотр: перетаскивание пальцем или курсором + двойной клик/тап ----------
Пока картину двигают, автосмена стоит. После отпускания до следующей картины проходит ровно EXTRA (5 с). */
var EXTRA=5000,hold=false,drag=null,view={s:1,x:0,y:0};
function curScale(im){var m=getComputedStyle(im).transform;if(!m||m==='none')return 1;var v=m.match(/matrix\(([^)]+)\)/);return v?parseFloat(v[1])||1:1}
function applyView(im,anim){
setTr(im,anim?'transform .3s ease':'none');
im.style.transform='translate('+view.x+'px,'+view.y+'px) scale('+view.s+')';
/* когда картина увеличена, жесты на рамке уходят в перетаскивание, а не в прокрутку страницы */
frame.style.touchAction=view.s>1.05?'none':'';
}
function clampView(im){
var sl=im.parentNode,mx=Math.max(0,(im.offsetWidth*view.s-sl.clientWidth)/2),my=Math.max(0,(im.offsetHeight*view.s-sl.clientHeight)/2);
view.x=Math.max(-mx,Math.min(mx,view.x));view.y=Math.max(-my,Math.min(my,view.y));
}
function resetView(){view={s:1,x:0,y:0};drag=null;hold=false;frame.style.touchAction=''}
/* остановить автоувеличение на текущем масштабе и взять управление на себя */
function takeOver(im){
hold=true;clearTimeout(timer);clearTimeout(zoomT);
if(view.s===1)view.s=curScale(im);
}
function release(){
if(!hold)return;
hold=false;schedule(EXTRA);
}
frame.addEventListener('pointerdown',function(e){
if(!curImg||(e.pointerType==='mouse'&&e.button!==0))return;
drag={id:e.pointerId,x:e.clientX,y:e.clientY,x0:e.clientX,y0:e.clientY,moved:false};
});
frame.addEventListener('pointermove',function(e){
if(!drag||e.pointerId!==drag.id||!curImg)return;
if(!drag.moved){
if(Math.hypot(e.clientX-drag.x0,e.clientY-drag.y0)<5)return;
drag.moved=true;takeOver(curImg);
if(view.s<1.5)view.s=2; /* если картина ещё не увеличена, при движении приближаем её */
try{frame.setPointerCapture(e.pointerId)}catch(x){}
frame.classList.add('art-grab');
}
view.x+=e.clientX-drag.x;view.y+=e.clientY-drag.y;
drag.x=e.clientX;drag.y=e.clientY;
clampView(curImg);applyView(curImg,false);
});
function endDrag(e){
if(!drag||e.pointerId!==drag.id)return;
var was=drag.moved;drag=null;frame.classList.remove('art-grab');
if(was)release();
}
frame.addEventListener('pointerup',endDrag);
frame.addEventListener('pointercancel',endDrag);
frame.addEventListener('dblclick',function(e){
if(!curImg)return;
var im=curImg;takeOver(im);
if(view.s>1.05){view={s:1,x:0,y:0}}
else{
var r=im.getBoundingClientRect(),cx=r.left+r.width/2,cy=r.top+r.height/2,k=2.5;
view.s=k;view.x=-(e.clientX-cx)*(k-1);view.y=-(e.clientY-cy)*(k-1);clampView(im);
}
applyView(im,true);release();
});
frame.addEventListener('dragstart',function(e){e.preventDefault()});
var gst=document.createElement('style');
gst.textContent='.art-frame{touch-action:pan-y pinch-zoom;cursor:grab;-webkit-user-select:none;user-select:none}.art-frame.art-grab{cursor:grabbing}';
document.head.appendChild(gst);
function prefetch(){
if(nextP)return;
var p=fetchOne();nextP=p;
p.catch(function(){if(nextP===p)nextP=null});
}
var ZOOM_END=2000; /* пауза после окончания увеличения, затем картина плавно гаснет, мс */
function schedule(exact){
clearTimeout(timer);
if(paused||!onScreen||document.hidden||hold)return;
timer=setTimeout(advance,exact||(zoomOn?DELAY*2+ZOOM_END:DELAY));
}
function advance(){
clearTimeout(timer);
if(busy)return;
busy=true;btn.disabled=true;
var p=nextP||fetchOne();nextP=null;
p.then(function(r){
show(r.a,r.im);shown=true;busy=false;btn.disabled=false;
prefetch();schedule();
},function(){
busy=false;btn.disabled=false;
if(!shown){frame.innerHTML='Не удалось загрузить картину. Попробуйте ещё раз.';frame.setAttribute('aria-busy','false');cap.innerHTML=''}
schedule();
});
}
var mobMQ=window.matchMedia?matchMedia('(max-width:600px)'):null;
function updSlow(){
if(!slowBtn)return;
var mob=mobMQ&&mobMQ.matches;
slowBtn.textContent=mob?'+5 с':'Медленнее: '+(DELAY/1000)+' с';
slowBtn.title='Смена картины каждые '+(DELAY/1000)+' с';
}
updSlow();
if(mobMQ){if(mobMQ.addEventListener)mobMQ.addEventListener('change',updSlow);else if(mobMQ.addListener)mobMQ.addListener(updSlow)}
if(slowBtn)slowBtn.addEventListener('click',function(){
DELAY=DELAY>=15000?5000:DELAY+5000;updSlow();
if(!paused)schedule();
});
if(zoomBtn)zoomBtn.addEventListener('click',function(){
zoomOn=!zoomOn;
zoomBtn.setAttribute('aria-pressed',zoomOn?'true':'false');
if(zoomOn)armZoom(curImg);else stopZoom(curImg);
if(!paused)schedule();
});
btn.addEventListener('click',advance);
if(pauseBtn)pauseBtn.addEventListener('click',function(){
paused=!paused;
pauseBtn.textContent=paused?'Запустить':'Пауза';
pauseBtn.setAttribute('aria-pressed',paused?'true':'false');
if(paused)clearTimeout(timer);else schedule();
});
document.addEventListener('visibilitychange',function(){if(document.hidden)clearTimeout(timer);else schedule()});
/* запуск после полной загрузки страницы; работает, пока плитка видна на экране */
function arm(){
var tile=document.getElementById('art');
function enter(){onScreen=true;if(!started){started=true;advance()}else schedule()}
function leave(){onScreen=false;clearTimeout(timer)}
if('IntersectionObserver' in window){
new IntersectionObserver(function(e){if(e[0].isIntersecting)enter();else leave()},{rootMargin:'200px'}).observe(tile);
}else enter();
}
if(document.readyState==='complete')arm();else window.addEventListener('load',arm);
})();