/***********************************************
* 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 fadearray = new Array() ; //array to cache fadeshow instances
var fadeclear = new Array() ; //array to cache corresponding clearinterval pointers
 
var dom = ( document.getElementById ) ;
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() ; } )
  this.theimages = theimages ;
  this.imageborder = parseInt ( borderwidth ) ;
  this.postimages = new Array() ;
  for ( p = 0 ; p < theimages.length ; p++ ) {
    this.postimages[p] = new Image() ;
    this.postimages[p].src = theimages[p][0] ;
    this.postimages[p].alt = theimages[p][1] ;
  }
 
  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;">' ) ;
    document.write ( '<div id="'+this.canvasbase+'_0" style="background-repeat: no-repeat; background-position: top center; 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>' ) ;
    document.write ( '<div id="'+this.canvasbase+'_1" style="background-repeat: no-repeat; background-position: top center; 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>' ) ;
    document.write ( '</div>' ) ;
  } else {
    document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>') ;
  }
 
  if ( iebrowser && dom || dom ) 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 = this.postimages[picindex].src ;
  
  if ( this.theimages[picindex][1] != "" ) slideHTML = '<a href="' + this.theimages[picindex][1] + '" target="' + this.theimages[picindex][2] + '">' ;
  slideHTML += '<img src="09_images/gr_spacer.gif" />' ;
  if ( this.theimages[picindex][1]!="") slideHTML += '</a>' ;
  
  picobj.innerHTML = "<table width=\"100%\" height=\"100%\"><tr><td valign=\"bottom\"><img src=\"09_images/gr_overlay_arrow.png\" style=\"margin-left: 480px;\" /><p style=\"font-family: georgia, times, serif; background: transparent url(09_images/gr_overlay.png) repeat; vertical-align: bottom; width: 91%; color: #fff; font-style: italic; padding: 15px 30px; font-size: 11px;\">" + this.postimages[picindex].alt + "</p></td></tr></table>" ;
  picobj.style.backgroundImage = "url(" + this.postimages[picindex].src + ")" ;

}
 
 
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)
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 ) {
    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() ;
  
}