// Browser Slide-Show script. With image cross fade effect for those browsers // that support it. // Script copyright (C) 2004-2008 www.cryer.co.uk. // Script is free to use provided this copyright header is included. var FadeDurationMS=1000; function SetOpacity(object,opacityPct) { // IE. object.style.filter = 'alpha(opacity=' + opacityPct + ')'; // Old mozilla and firefox object.style.MozOpacity = opacityPct/100; // Everything else. object.style.opacity = opacityPct/100; } function ChangeOpacity(id,msDuration,msStart,fromO,toO) { var element=document.getElementById(id); var msNow = (new Date()).getTime(); var opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration; if (opacity>=100) { SetOpacity(element,100); element.timer = undefined; } else if (opacity<=0) { SetOpacity(element,0); element.timer = undefined; } else { SetOpacity(element,opacity); element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")",10); } } function FadeInImage(foregroundID,newImage,backgroundID) { var foreground=document.getElementById(foregroundID); if (foreground.timer) window.clearTimeout(foreground.timer); if (backgroundID) { var background=document.getElementById(backgroundID); if (background) { if (background.src) { foreground.src = background.src; SetOpacity(foreground,100); } background.src = newImage; background.style.backgroundImage = 'url(' + newImage + ')'; background.style.backgroundRepeat = 'no-repeat'; var startMS = (new Date()).getTime(); foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "'," + FadeDurationMS + "," + startMS + ",100,0)",10); } } else { foreground.src = newImage; } } var slideCache = new Array(); function RunSlideShow(pictureID,backgroundID,imageFiles,displaySecs) { var imageSeparator = imageFiles.indexOf(";"); var nextImage = imageFiles.substring(0,imageSeparator); FadeInImage(pictureID,nextImage,backgroundID); var futureImages = imageFiles.substring(imageSeparator+1,imageFiles.length)+ ';' + nextImage; setTimeout("RunSlideShow('"+pictureID+"','"+backgroundID+"','"+futureImages+"',"+displaySecs+")",displaySecs*1000); // Cache the next image to improve performance. imageSeparator = futureImages.indexOf(";"); nextImage = futureImages.substring(0,imageSeparator); if (slideCache[nextImage] == null) { slideCache[nextImage] = new Image; slideCache[nextImage].src = nextImage; } } RunSlideShow("EmilyPicture","EmilyPictureBackground", "http://www.justinclick.com/assets/images/cadre-centre-2.jpg;http://www.justinclick.com/assets/images/cadre-centre-3.jpg;http://www.justinclick.com/assets/images/cadre-centre-3.jpg;http://www.justinclick.com/assets/images/cadre-centre-4.jpg;http://www.justinclick.com/assets/images/cadre-centre-5.jpg;http://www.justinclick.com/assets/images/cadre-centre-6.jpg;http://www.justinclick.com/assets/images/cadre-centre-7.jpg;http://www.justinclick.com/assets/images/cadre-centre-8.jpg;http://www.justinclick.com/assets/images/cadre-centre-9.jpg;http://www.justinclick.com/assets/images/cadre-centre-10.jpg;http://www.justinclick.com/assets/images/cadre-centre-11.jpg;http://www.justinclick.com/assets/images/cadre-centre-12.jpg;http://www.justinclick.com/assets/images/cadre-centre-13.jpg;http://www.justinclick.com/assets/images/cadre-centre-14.jpg;http://www.justinclick.com/assets/images/cadre-centre-15.jpg;http://www.justinclick.com/assets/images/cadre-centre-16.jpg;http://www.justinclick.com/assets/images/cadre-centre-17.jpg;http://www.justinclick.com/assets/images/cadre-centre-18.jpg",3);