var slideshow_width='308px' //SET IMAGE WIDTH



var slideshow_height='87px' //SET IMAGE HEIGHT



var pause=2000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)







var fadeimages=new Array()



//SET 1) IMAGE PATHS, 2) optional link, 3), optional link target:



fadeimages[0]=["images/ifana_banner.jpg", "http://www.ifanca.org/index.php", "_blank"] //plain image syntax



fadeimages[1]=["images/111.jpg", "", "_blank"] //plain image syntax



fadeimages[2]=["images/halal_lour_banner.jpg", "http://www.ifanca.org/index.php", "_blank"] //image with link syntax



fadeimages[3]=["images/222.jpg", "", "_blank"] //image with link syntax



fadeimages[4]=["images/alfasa_banner.jpg", "http://www.alsafahalal.com/", "_blank"] //image with link syntax



fadeimages[5]=["images/333.jpg", "", "_blank"] //image with link syntax



fadeimages[6]=["images/j_m_banner.jpg", "http://www.halalcertified.com/", "_blank"] //image with link syntax



fadeimages[7]=["images/444.jpg", "", "_blank"] //image with link syntax



fadeimages[8]=["images/kadi_publication.jpg", "http://www.kazi.org/", "_blank"] //image with link syntax


fadeimages[9]=["images/newhalalshop-logo-ad.jpg", "http://www.newhalalshop.com/", "_blank"] //image with link syntax


































////NO need to edit beyond here/////////////







var preloadedimages=new Array()



for (p=0;p<fadeimages.length;p++){



preloadedimages[p]=new Image()



preloadedimages[p].src=fadeimages[p][0]



}







var ie4=document.all



var dom=document.getElementById







if (ie4||dom)



document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div  id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility: hidden"></div></div>')



else



document.write('<img name="defaultslide" src="'+fadeimages[0][0]+'">')







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/101



}



else{



clearInterval(dropslide)



nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"



tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)



tempobj.innerHTML=insertimage(nextimageindex)



nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0



var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)



tempobj2.style.visibility="hidden"



setTimeout("rotateimage()",pause)



}



}







function insertimage(i){



var tempcontainer=fadeimages[i][1]!=""? '<a href="'+fadeimages[i][1]+'" target="'+fadeimages[i][2]+'">' : ""



tempcontainer+='<img src="'+fadeimages[i][0]+'" border="0">'



tempcontainer=fadeimages[i][1]!=""? tempcontainer+'</a>' : tempcontainer



return tempcontainer



}







function rotateimage(){



if (ie4||dom){



resetit(curcanvas)



var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)



crossobj.style.zIndex++



tempobj.style.visibility="visible"



var temp='setInterval("fadepic()",50)'



dropslide=eval(temp)



curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"



}



else



document.images.defaultslide.src=fadeimages[curimageindex][0]



curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 100



}







function resetit(what){



curpos=10



var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)



if (crossobj.filters)



crossobj.filters.alpha.opacity=curpos



else if (crossobj.style.MozOpacity)



crossobj.style.MozOpacity=curpos/101



}







function startit(){



var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)



crossobj.innerHTML=insertimage(curimageindex)



rotateimage()



}







if (ie4||dom)



window.onload=startit



else



setInterval("rotateimage()",pause)