var ie4=document.all
var dom=document.getElementById

var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1


function fadepic(){
 if (curpos<100){
  curpos+=3
  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='<img src="'+fadeimages[nextimageindex]+'">'
  nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
  setTimeout("rotateimage()",pause)
 }
}

function rotateimage(){
 if (ie4||dom){
  resetit(curcanvas)
  var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
  crossobj.style.zIndex++
  var temp='setInterval("fadepic()",50)'
  dropslide=eval(temp)
  curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
 }
 else
  document.images.defaultslide.src=fadeimages[curimageindex]
 curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

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='<img src="'+fadeimages[curimageindex]+'">'
 rotateimage()
}