/***********************************************
* Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
 
    var fadeimages=new Array()
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages[0]=["images/rotator/1.jpg","",""]
    fadeimages[1]=["images/rotator/2.jpg","",""]
    fadeimages[2]=["images/rotator/3.jpg","",""]
    fadeimages[3]=["images/rotator/4.jpg","",""]
    fadeimages[4]=["images/rotator/5.jpg","",""]
    fadeimages[5]=["images/rotator/6.jpg","",""]
    fadeimages[6]=["images/rotator/7.jpg","",""]
    fadeimages[7]=["images/rotator/8.jpg","",""]
    fadeimages[8]=["images/rotator/9.jpg","",""]
    fadeimages[9]=["images/rotator/10.jpg","",""]
    fadeimages[10]=["images/rotator/11.jpg","",""]
    fadeimages[11]=["images/rotator/12.jpg","",""]
    fadeimages[12]=["images/rotator/13.jpg","",""]
    fadeimages[13]=["images/rotator/14.jpg","",""]
    fadeimages[14]=["images/rotator/15.jpg","",""]
    fadeimages[15] = ["images/rotator/16.jpg", "", ""]
    fadeimages[16] = ["images/rotator/17.jpg", "", ""]
    fadeimages[17] = ["images/rotator/18.jpg", "", ""]
    fadeimages[18] = ["images/rotator/19.jpg", "", ""]
    fadeimages[19] = ["images/rotator/20.jpg", "", ""]
    fadeimages[20] = ["images/rotator/21.jpg", "", ""]
    fadeimages[21] = ["images/rotator/22.jpg", "", ""]
    fadeimages[22] = ["images/rotator/23.jpg", "", ""]
    fadeimages[23] = ["images/rotator/24.jpg", "", ""]
    fadeimages[24] = ["images/rotator/25.jpg", "", ""]
    fadeimages[25] = ["images/rotator/26.jpg", "", ""]
    fadeimages[26] = ["images/rotator/27.jpg", "", ""]
    fadeimages[27] = ["images/rotator/28.jpg", "", ""]
    fadeimages[28] = ["images/rotator/29.jpg", "", ""]
    fadeimages[29] = ["images/rotator/30.jpg", "", ""]
    fadeimages[30] = ["images/rotator/31.jpg", "", ""]
    fadeimages[31] = ["images/rotator/32.jpg", "", ""]
    fadeimages[32] = ["images/rotator/33.jpg", "", ""]
    fadeimages[33] = ["images/rotator/34.jpg", "", ""]
    fadeimages[34] = ["images/rotator/35.jpg", "", ""]
    fadeimages[35] = ["images/rotator/36.jpg", "", ""]
    fadeimages[36] = ["images/rotator/37.jpg", "", ""]
    fadeimages[37] = ["images/rotator/38.jpg", "", ""]
    fadeimages[38] = ["images/rotator/39.jpg", "", ""]
    fadeimages[39] = ["images/rotator/40.jpg", "", ""]
    fadeimages[40] = ["images/rotator/41.jpg", "", ""]
    fadeimages[41] = ["images/rotator/42.jpg", "", ""]
    fadeimages[42] = ["images/rotator/43.jpg", "", ""]
    fadeimages[43] = ["images/rotator/44.jpg", "", ""]
    fadeimages[44] = ["images/rotator/45.jpg", "", ""]
    fadeimages[45] = ["images/rotator/46.jpg", "", ""]
    fadeimages[46] = ["images/rotator/47.jpg", "", ""]
    fadeimages[47] = ["images/rotator/48.jpg", "", ""]
    fadeimages[48] = ["images/rotator/49.jpg", "", ""]
    fadeimages[49] = ["images/rotator/50.jpg", "", ""]
    fadeimages[50] = ["images/rotator/51.jpg", "", ""]
//    fadeimages[51] = ["images/rotator/52.jpg", "", ""]
//    fadeimages[52] = ["images/rotator/53.jpg", "", ""]
//    fadeimages[53] = ["images/rotator/54.jpg", "", ""]
//    fadeimages[54] = ["images/rotator/55.jpg", "", ""]
//    fadeimages[55] = ["images/rotator/56.jpg", "", ""]
//    fadeimages[56] = ["images/rotator/57.jpg", "", ""]
//    fadeimages[57] = ["images/rotator/58.jpg", "", ""]
//    fadeimages[58] = ["images/rotator/59.jpg", "", ""]
//    fadeimages[59] = ["images/rotator/60.jpg", "", ""]
//    fadeimages[60] = ["images/rotator/61.jpg", "", ""]
//    fadeimages[61] = ["images/rotator/62.jpg", "", ""]
//    fadeimages[62] = ["images/rotator/63.jpg", "", ""]
//    fadeimages[63] = ["images/rotator/64.jpg", "", ""]
//    fadeimages[64] = ["images/rotator/65.jpg", "", ""]
//    fadeimages[65] = ["images/rotator/66.jpg", "", ""]
//    fadeimages[66] = ["images/rotator/67.jpg", "", ""]
//    fadeimages[67] = ["images/rotator/68.jpg", "", ""]
//    fadeimages[68] = ["images/rotator/69.jpg", "", ""]
//    fadeimages[69] = ["images/rotator/70.jpg", "", ""]
//    fadeimages[70] = ["images/rotator/71.jpg", "", ""]
//    fadeimages[71] = ["images/rotator/72.jpg", "", ""]
//    fadeimages[72] = ["images/rotator/73.jpg", "", ""]
//    fadeimages[73] = ["images/rotator/74.jpg", "", ""]
//    fadeimages[74] = ["images/rotator/75.jpg", "", ""]
//    fadeimages[75] = ["images/rotator/76.jpg", "", ""]
//    fadeimages[76] = ["images/rotator/77.jpg", "", ""]
//    fadeimages[77] = ["images/rotator/78.jpg", "", ""]
//    fadeimages[78] = ["images/rotator/79.jpg", "", ""]
//    fadeimages[79] = ["images/rotator/80.jpg", "", ""]
//    fadeimages[80] = ["images/rotator/81.jpg", "", ""]
//    fadeimages[81] = ["images/rotator/82.jpg", "", ""]
//    fadeimages[82] = ["images/rotator/83.jpg", "", ""]
//    fadeimages[83] = ["images/rotator/84.jpg", "", ""]
//    fadeimages[84] = ["images/rotator/85.jpg", "", ""]
//    fadeimages[85] = ["images/rotator/86.jpg", "", ""]
//    fadeimages[86] = ["images/rotator/887jpg", "", ""]
//    fadeimages[87] = ["images/rotator/88.jpg", "", ""]
//    fadeimages[88] = ["images/rotator/89.jpg", "", ""]
//    fadeimages[89] = ["images/rotator/90.jpg", "", ""]
//    fadeimages[90] = ["images/rotator/91.jpg", "", ""] 
    
    
    //fadeimages[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax
    //fadeimages[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax
    //
    //
    //
   
         
    var fadebgcolor="black"
    ////NO need to edit beyond here/////////////
     
    var fadearray=new Array() //array to cache fadeshow instances
    var fadeclear=new Array() //array to cache corresponding clearinterval pointers
     
    var dom=(document.getElementById) //modern dom browsers
    var iebrowser=document.all
     
    function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
    this.pausecheck=pause
    this.mouseovercheck=0
    this.delay=delay
    this.degree=10 //initial opacity degree (10%)
    this.curimageindex=0
    this.nextimageindex=1
    fadearray[fadearray.length]=this
    this.slideshowid=fadearray.length-1
    this.canvasbase="canvas"+this.slideshowid
    this.curcanvas=this.canvasbase+"_0"
    if (typeof displayorder!="undefined")
        theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
    this.theimages=theimages
    this.imageborder=parseInt(borderwidth)
    this.postimages=new Array() //preload images
    for (p=0;p<theimages.length;p++){
    this.postimages[p]=new Image()
    this.postimages[p].src=theimages[p][0]
}
 
    var fadewidth=fadewidth+this.imageborder*2
    var fadeheight=fadeheight+this.imageborder*2
 
    if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
        document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
    else
        document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
 
    if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
        this.startit()
    else
   {
        this.curimageindex++
        setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
    }
}

    function fadepic(obj)
    {
        if (obj.degree<100)
        {
            obj.degree+=10
            if (obj.tempobj.filters&&obj.tempobj.filters[0])
            {
                if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
                    obj.tempobj.filters[0].opacity=obj.degree
                else //else if IE5.5-
                    obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
            }
            else if (obj.tempobj.style.MozOpacity)
                obj.tempobj.style.MozOpacity=obj.degree/101
            else if (obj.tempobj.style.KhtmlOpacity)
                obj.tempobj.style.KhtmlOpacity=obj.degree/100
            else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
                obj.tempobj.style.opacity=obj.degree/101
        }
        else
        {
            clearInterval(fadeclear[obj.slideshowid])
            obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
            obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
            obj.populateslide(obj.tempobj, obj.nextimageindex)
            obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
            setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
        }
    }
 
    fadeshow.prototype.populateslide=function(picobj, picindex)
    {
        var slideHTML=""
        if (this.theimages[picindex][1]!="") //if associated link exists for image
            slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
            slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
        if (this.theimages[picindex][1]!="") //if associated link exists for image
            slideHTML+='</a>'
            picobj.innerHTML=slideHTML
    }
 
 
    fadeshow.prototype.rotateimage=function()
    {
        if (this.pausecheck==1) //if pause onMouseover enabled, cache object
            var cacheobj=this
        if (this.mouseovercheck==1)
            setTimeout(function(){cacheobj.rotateimage()}, 100)
           
        else if (iebrowser&&dom||dom)
      {
          this.resetit()
          var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
          crossobj.style.zIndex++
          //fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
          fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",100)
          this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
      }
      else
      {
          var ns4imgobj=document.images['defaultslide'+this.slideshowid]
          ns4imgobj.src=this.postimages[this.curimageindex].src
      }
      this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
  }
// 
  fadeshow.prototype.resetit=function()
  {
      this.degree=10
      var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
      if (crossobj.filters&&crossobj.filters[0])
      {
          if (typeof crossobj.filters[0].opacity=="number") //if IE6+
              crossobj.filters(0).opacity=this.degree
          else //else if IE5.5-
              crossobj.style.filter="alpha(opacity="+this.degree+")"
      }
      else if (crossobj.style.MozOpacity)
          crossobj.style.MozOpacity=this.degree/101
      else if (crossobj.style.KhtmlOpacity)
          crossobj.style.KhtmlOpacity=this.degree/100
      else if (crossobj.style.opacity&&!crossobj.filters)
          crossobj.style.opacity=this.degree/101
  }
// 
// 
  fadeshow.prototype.startit=function()
  {
      var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
      this.populateslide(crossobj, this.curimageindex)
      if (this.pausecheck==1)
      { //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
          var cacheobj=this
          var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
          crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
          crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
      }
      this.rotateimage()
  }