function SlideShow4(id, images) { var obj = document.getElementById(id); obj.onload = null; window.setTimeout(function() { fadeOut(id,100,0,images); },800); } function SlideShow(id, images) { var obj = document.getElementById(id); obj.onload = null; var parent = obj.parentNode; parent.style.height = obj.height +"px"; parent.removeChild(obj); parent.position = "relative"; var sliderdiv = document.createElement("div"); sliderdiv.style.position ="relative"; sliderdiv.style.overflow = "hidden"; sliderdiv.top ="0px"; sliderdiv.left ="0px"; sliderdiv.style.zIndex = "2"; sliderdiv.style.width = "100%"; sliderdiv.style.height = "100%"; var img1 = document.createElement("img"); img1.src= images[0]; img1.style.position = "absolute"; img1.style.top = "0px"; img1.style.left = "0px"; img1.style.width = "100%"; img1.style.height = parent.style.height ; img1.style.zIndex = "4"; var img2 = document.createElement("img"); img2.src= images[1]; img2.style.position = "absolute"; img2.style.top = "0px"; img2.style.left = "0px"; img2.style.width = "100%"; img2.style.height = parent.style.height ; img2.style.zIndex = "3"; sliderdiv.appendChild(img1); sliderdiv.appendChild(img2); parent.appendChild(sliderdiv); window.setTimeout(function() { crossFade(id,100,1,images, img1, img2); },3000); } function SlideShow2(id, images) { var obj = document.getElementById(id); obj.onload = null; window.setTimeout(function() { slideNext(id,0,0,images); },2000); } function SlideShow3(id, images) { doSliding(id, images, 1); } function SlideShow7(id, images) { doSliding(id, images, 2); } function SlideShow5(id, images) { doSliding(id, images, 3); } function SlideShow6(id, images) { doSliding(id, images, 4); } function doSliding(id, images, type) { var obj = document.getElementById(id); var parent = obj.parentNode; parent.style.height = obj.height +"px"; parent.removeChild(obj); parent.position = "relative"; var sliderdiv = document.createElement("div"); sliderdiv.style.position ="relative"; sliderdiv.style.overflow = "hidden"; sliderdiv.top ="0px"; sliderdiv.left ="0px"; sliderdiv.style.zIndex = "2"; sliderdiv.style.width = "100%"; sliderdiv.style.height = "100%"; var img1 = document.createElement("img"); img1.src= images[0]; img1.style.position = "absolute"; img1.style.top = "0px"; img1.style.left = "0px"; img1.style.width = "100%"; img1.style.height = parent.style.height ; img1.style.zIndex = "3"; var img2 = document.createElement("img"); img2.src= images[1]; img2.style.position = "absolute"; if ( type == 1) { img2.style.top = "0px"; img2.style.left = "-100%"; } else if ( type == 2 ){ img2.style.top = "-100%"; img2.style.left = "0px"; } else if ( type == 3 ){ img2.style.top = "0px"; img2.style.left = "100%"; } else if ( type == 4 ){ img2.style.top = "100%"; img2.style.left = "0px"; } img2.style.width = "100%"; img2.style.height = parent.style.height ; img2.style.zIndex = "4"; sliderdiv.appendChild(img1); sliderdiv.appendChild(img2); parent.appendChild(sliderdiv); if (type == 1 || type == 2) window.setTimeout(function() { slidingNext(id,1,-100, images, img1,img2, type); },2000); else window.setTimeout(function() { slidingNext(id,1,100, images, img1,img2, type); },2000); } function slidingNext(id, next, pos, params, img1, img2, type) { if (type == 1 || type == 2) { if ( pos < 0 ) { if (type == 1) { pos += 2; img2.style.left = pos + "%"; } else if (type == 2) { pos += 2; img2.style.top = pos + "%"; } window.setTimeout(function() { slidingNext(id,next,pos, params, img1,img2, type); },5); } else { img1.src = params[next]; next++; if (next == params.length) next = 0; img2.src = params[next]; if (type == 1) img2.style.left ="-100%"; else if (type == 2) img2.style.top = "-100%"; window.setTimeout(function() { slidingNext(id,next,-100, params, img1,img2, type); },2000); } } else { if ( pos > 0 ) { if (type == 3) { pos -= 2; img2.style.left = pos + "%"; } else if (type == 4) { pos -= 2; img2.style.top = pos + "%"; } window.setTimeout(function() { slidingNext(id,next,pos, params, img1,img2, type); },5); } else { img1.src = params[next]; next++; if (next == params.length) next = 0; img2.src = params[next]; if (type == 3) img2.style.left = "100%"; else if (type == 4) img2.style.top = "100%"; window.setTimeout(function() { slidingNext(id,next,100, params, img1,img2, type); },2000); } } } function slideNext(id,opacity, index, params) { if (document.getElementById) { obj = document.getElementById(id); index++; if (index == params.length) index = 0; obj.src= params[index]; window.setTimeout(function() { slideNext(id, opacity, index, params); },2000); } } function slideNext(id,opacity, index, params) { if (document.getElementById) { obj = document.getElementById(id); index++; if (index == params.length) index = 0; obj.src= params[index]; window.setTimeout(function() { slideNext(id, opacity, index, params); },2000); } } function fadeIn(id,opacity, index, params) { if (document.getElementById) { obj = document.getElementById(id); if (opacity <= 100) { setOpacity(obj, opacity); opacity += 10; window.setTimeout(function() { fadeIn(id,opacity,index,params); }, 40); } else { window.setTimeout(function() { fadeOut(id,100,index,params); },1300); } } } function fadeOut(id,opacity, index, params) { if (document.getElementById) { obj = document.getElementById(id); obj.onload=""; if (opacity > 0 ) { setOpacity(obj, opacity); opacity -= 10; window.setTimeout(function() { fadeOut(id,opacity,index,params); },40); } else { index++; if (index == params.length) index = 0; obj.src= params[index]; fadeIn(id, opacity, index, params); } } } function crossFade(id,opacity, index, params, img1, img2) { if (document.getElementById) { if (opacity > 0 ) { setOpacity(img1, opacity); opacity -= 10; window.setTimeout(function() { crossFade(id,opacity,index,params, img1, img2); },100); } else { index++; if (index == params.length) index = 0; img1.src = img2.src; img2.src = params[index]; setOpacity(img1,100); window.setTimeout(function() { crossFade(id,100,index,params, img1, img2); },3000); // crossFade(id,100,index,params, img1, img2); } } } function setOpacity(obj, opacity) { opacity = (opacity == 100)?99.999:opacity; // IE/Win obj.style.filter = "alpha(opacity:"+opacity+")"; // Safari<1.2, Konqueror obj.style.KHTMLOpacity = opacity/100; // Older Mozilla and Firefox obj.style.MozOpacity = opacity/100; // Safari 1.2, newer Firefox and Mozilla, CSS3 obj.style.opacity = opacity/100; }