/***********************************************
* Fade-in image slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var slideshow_width='260px' //SET IMAGE WIDTH
var slideshow_height='195px' //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

//SET IMAGE PATHS. Extend or contract array as needed

////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:'+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"></div></div><div id="slideShowCaption" style="font-family: arial,verdana; font-size:11px; font-weight:bold; width:'+slideshow_width + '; text-align: center; ">' + getCaption(0) + '</div>')
else
document.write(getImage(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='<a href="' + links[nextimageindex] + '"><img src="'+fadeimages[nextimageindex]+'"></a>'
tempobj.innerHTML= getImage(nextimageindex);
nextCaption = getCaption(nextimageindex);
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
fadingIn = false;
fadeOutCaption();
setTimeout("rotateimage()", pause);

}
}



function rotateimage(){
fadeInCaption();

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= getImage(0);
rotateimage()
}

var nextCaption = '';
var opacity = 100;
var fadeSpeed = 75;
var fadingIn = false;

function fadeOutCaption() {
 if (nextCaption) {
  setTimeout("fadeObject(-10)", pause - 1000);
 }
}

function fadeInCaption() {
 if (nextCaption) {
  var caption = document.getElementById('slideShowCaption');
  if (caption) {
   caption.innerHTML = nextCaption;
  }

  fadingIn = true;
  fadeObject(10);
 }
}

function fadeObject(delta) {
  if (fadingIn && delta < 0) {
   return;
  }

  opacity+=delta;
  if (opacity < 0) {
   opacity = 0;
  } else if (opacity > 100) {
   opacity = 100;
  }

  var panel = document.getElementById("slideShowCaption");
  if (panel.filters) {
   var alpha = 'alpha(opacity=' + opacity + ')';
   panel.style.filter = alpha;
  } else if (panel.style.MozOpacity) {
   mozTrans = opacity/101;
   panel.style.MozOpacity = mozTrans;
  } else {
   panel.style.MozOpacity=opacity/101;
  }

  if ((delta < 0 && opacity > 0) || (delta > 0 && opacity < 100)) {
    setTimeout("fadeObject(" + delta + ")", fadeSpeed);
  }
}

function getImage(index) {
 return '<img style="border: 0px; width: 260px; height: 195px;" src="' + fadeimages[index] + '">';
}

function getCaption(index) {
 return '<div class="slidename">- ' + links[index][1] + '</div>';
}


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