var keyOfOpenImage; var listOfImages=Array(); var slideShowOn; var globTimeout; var slideShowDelay; var viewportheight; var viewportwidth; var newImg = new Image(); var LoadingImg = new Image(); var spiderShop; function SetOpacity(elem, opacityAsInt) { var opacityAsDecimal = opacityAsInt; if (opacityAsInt > 100) opacityAsInt = opacityAsDecimal = 100; else if (opacityAsInt (newImgwidth/viewportwidth)) { document.getElementById("showPictureAnimated").innerHTML=''; boxContainerWidth=((newImgwidth*(viewportheight-100))/newImgheight); } else { document.getElementById("showPictureAnimated").innerHTML=''; boxContainerWidth=(viewportwidth-40); } } document.getElementById("boxContainer").style.width=(boxContainerWidth>300)?(""+boxContainerWidth+"px"):"300px"; document.getElementById("showPictureAnimated").style.height=""; FadeOpacity("showPictureAnimated", 0, 100, 500, 10); document.getElementById("showPictureAnimated").style.display="block"; if(slideShowOn) { clearTimeout(globTimeout); globTimeout=setTimeout('nextImage()',slideShowDelay); } } function nextImage() { if(keyOfOpenImage0) keyOfOpenImage=keyOfOpenImage-1; else keyOfOpenImage=listOfImages.length-1; showPictureAnimated(listOfImages[keyOfOpenImage]); } function toggleSlideShow() { clearTimeout(globTimeout); if(!(slideShowOn)) { document.getElementById("toggleSlideShowCheckbox").src=spiderBoxBase+"pause.png"; slideShowOn=1; nextImage(); } else { document.getElementById("toggleSlideShowCheckbox").src=spiderBoxBase+"play.png"; slideShowOn=0; } } window.onresize=getViewportSize; function getViewportSize() { if (typeof window.innerWidth != 'undefined') { viewportwidth = window.innerWidth, viewportheight = window.innerHeight } else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) { viewportwidth = document.documentElement.clientWidth, viewportheight = document.documentElement.clientHeight } else { viewportwidth = document.getElementsByTagName('body')[0].clientWidth, viewportheight = document.getElementsByTagName('body')[0].clientHeight } if(document.getElementById("tdviewportheight")!=undefined) document.getElementById("tdviewportheight").style.height=(viewportheight-35)+"px"; if(document.getElementById("showPictureAnimatedBg")!=undefined) document.getElementById("showPictureAnimatedBg").style.height=(viewportheight+300)+"px"; } function SpiderCatAddToOnload() { if(SpiderCatOFOnLoad){SpiderCatOFOnLoad();} getViewportSize(); slideShowDelay=3000; slideShowQ=0; allImagesQ=0; spiderShop=1; darkBG=1; keyOfOpenImage=-1; spiderBoxBase="http://www.dimopolis.gr/wp-content/plugins/spider-contacts/spiderBox/"; LoadingImg.src=spiderBoxBase+"loadingAnimation.gif"; var spiderBoxElement = document.createElement('span'); spiderBoxElement.innerHTML+=' '; document.body.appendChild(spiderBoxElement); for ( i = 0; i