//Fade-in image slideshow- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var slideshow_width='120px'	//SET IMAGE WIDTH
var slideshow_height='157px'	//SET IMAGE HEIGHT
var canvas_height='157px'	//SET CANVAS HEIGHT
var pause=1500			//SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var href='apartment.php'	//PAGE LINK

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]="/images/thumbs/u0.jpg"
fadeimages[1]="/images/thumbs/u1.jpg"
fadeimages[2]="/images/thumbs/u2.jpg"
fadeimages[3]="/images/thumbs/u3.jpg"
fadeimages[4]="/images/thumbs/u4.jpg"
fadeimages[5]="/images/thumbs/u5.jpg"
fadeimages[6]="/images/thumbs/u6.jpg"
fadeimages[7]="/images/thumbs/u7.jpg"
fadeimages[8]="/images/thumbs/u8.jpg"
fadeimages[9]="/images/thumbs/u9.jpg"

////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]
}

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

if (ie4||dom)
{
  document.write('<div style="position:relative;width:'+slideshow_width+';height:'+canvas_height+';overflow:hidden">')
  document.write('<div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div>')
  document.write('<div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div>')
  document.write('</div>')
}
else
{
  document.write('<a href="'+href+'"><img border="0" name="defaultslide" src="'+fadeimages[0]+'"></a>')
}

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

function fadepic()
{
  if (curpos<100)
  {
    curpos+=4
    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='<a href="'+href+'"><img border="0" src="'+fadeimages[nextimageindex]+'"></a>'
    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=4
  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/100
}

function startit()
{
  var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
  crossobj.innerHTML='<a href="'+href+'"><img border="0" src="'+fadeimages[curimageindex]+'"></a>'
  rotateimage()
}

if (ie4||dom)
  window.onload=startit
else
  setInterval("rotateimage()",pause)