function init() { var thumbs = document.getElementById('thumbs'); if(thumbs) { var links = thumbs.getElementsByTagName('a'); for(var i=links.length-1; i>=0; i--) { if(!links[i].attachEvent) { links[i].addEventListener('mouseover', zoomThumb, false); links[i].addEventListener('click', zoomThumb, false); } else { links[i].attachEvent('onmouseover', zoomThumb, false); links[i].attachEvent('onclick', zoomPhoto, false); } } } var photo=document.getElementById('photo'); if(photo) { if(!photo.attachEvent) photo.addEventListener('click', zoomPhoto, false); else photo.attachEvent('onclick', zoomPhoto, false); } } function zoomThumb(hEvent) { if(hEvent.currentTarget) { document.getElementById('photo').src=hEvent.currentTarget.getAttribute('href'); hEvent.stopPropagation(); hEvent.preventDefault(); } else { document.getElementById('photo').src=window.event.srcElement.parentNode.getAttribute('href'); window.event.returnValue=false; } } function zoomPhoto(hEvent) { var src=''; var image=''; if(hEvent.currentTarget) { image = document.createElement('img'); hEvent.currentTarget.parentNode.insertBefore(image,hEvent.currentTarget); image.onmouseout=image.onclick=function(hEvent) { hEvent.currentTarget.parentNode.removeChild(hEvent.currentTarget); } if(hEvent.currentTarget.tagName.toLowerCase()=='img') src=hEvent.currentTarget.getAttribute('src').replace(new RegExp('(-m\.)|(-s\.)'),'-b.'); else src=hEvent.currentTarget.getAttribute('href').replace(new RegExp('(-m\.)|(-s\.)'),'-b.'); image.setAttribute('src',src); image.onload=function(hEvent) { var top=((((window.innerHeight?window.innerHeight:window.document.body.clientHeight)-this.height)/2)>0?(((window.innerHeight?window.innerHeight:window.document.body.clientHeight)-this.height)/2):0); var left=((((window.innerWidth?window.innerWidth:window.document.body.clientWidth)-this.width)/2)>0?(((window.innerWidth?window.innerWidth:window.document.body.clientWidth)-this.width)/2):0); this.setAttribute('style','position:absolute; z-index:1000; top:'+top+'; left:'+left+';'); }; hEvent.stopPropagation(); hEvent.preventDefault(); } else { /*window.event.srcElement.parentNode.insertBefore(image,window.event.srcElement); image.onmouseout=image.onclick=function(hEvent) { window.event.srcElement.parentNode.removeChild(window.event.srcElement); } image.setAttribute('src',window.event.srcElement.getAttribute('src').replace('-m.','-b.')); image.onload=function(hEvent) { var top=((((window.innerHeight?window.innerHeight:window.document.body.clientHeight)-this.height)/2)>0?(((window.innerHeight?window.innerHeight:window.document.body.clientHeight)-this.height)/2):0); var left=((((window.innerWidth?window.innerWidth:window.document.body.clientWidth)-this.width)/2)>0?(((window.innerWidth?window.innerWidth:window.document.body.clientWidth)-this.width)/2):0); window.event.srcElement.setAttribute('style','position:absolute; z-index:1000; top:'+top+'; left:'+left+';'); };*/ if(window.event.srcElement.tagName.toLowerCase()=='img') src=window.event.srcElement.getAttribute('src').replace(new RegExp('(-m\.)|(-s\.)'),'-b.'); else src=window.event.srcElement.getAttribute('href').replace(new RegExp('(-m\.)|(-s\.)'),'-b.'); image = new Image; image.src = src; var popup = window.open(image.src); image.popup=popup; //document.innerHtml=''+window.event.srcElement.getAttribute('alt')+''; image.onload=function() { var popup = this.popup; if(popup) { popup.resizeTo(this.width+(popup.innerWidth?popup.innerWidth:popup.document.body.clientWidth),this.height+(popup.innerHeight?popup.innerHeight:popup.document.body.clientHeight)); popup.focus(); if(popup.getElementsByTagName('img')&&popup.getElementsByTagName('img')[0]) popup.getElementsByTagName('img')[0].onclick=function() { this.popup.close(); } } else alert('Autorisez les popups pour zoomer une photo'); }; window.event.returnValue=false; } } /*function findPos(obj) { var curleft = obj.offsetLeft || 0; var curtop = obj.offsetTop || 0; while (obj = obj.offsetParent) { curleft += obj.offsetLeft curtop += obj.offsetTop } return {x:curleft,y:curtop}; }*/ if(window.addEventListener) { window.addEventListener('load', init, false); } else if(window.attachEvent) { window.attachEvent('onload', init, false); }