// JavaScript Document var slideshow_width='920px' //SET IMAGE WIDTH var slideshow_height='181px' //SET IMAGE HEIGHT var pause=10000 //SET PAUSE BETWEEN SLIDE (5000=5 seconds) var fadeimages=new Array() //SET IMAGE PATHS. Extend or contract array as needed fadeimages[0]="../images/header1.jpg" fadeimages[1] = "../images/header2.jpg" fadeimages[2] = "../images/header3.jpg" fadeimages[3] = "../images/header4.jpg" fadeimages[4] = "../images/slide_ramdan.jpg" fadeimages[5] = "../images/slide_unity.jpg" fadeimages[6] = "../images/slide_taqwah.jpg" ////NO need to edit beyond here///////////// var preloadedimages=new Array() for (p=0;p

') else document.write('') var curpos=10 var degree=10 var curcanvas="canvas0" var curimageindex=0 var nextimageindex=1 function fadepic(){ if (curpos<100){ curpos+=10 if (tempobj.filters) tempobj.filters.alpha.opacity=curpos else if (tempobj.style.MozOpacity) tempobj.style.MozOpacity=curpos/100 } else{ clearInterval(dropslide) nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1" tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas) tempobj.innerHTML='' nextimageindex=(nextimageindex' rotateimage() } if (ie4||dom) window.onload=startit else setInterval("rotateimage()",pause)