/***********************************************
 * Translucent Slideshow script- (c) 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 trans_width;
var trans_height;
var pause;
var degree;
var leftmargin;
var topmargin;
var w;
var h;
var popupwidth;
var popupheight;
var slideshowcontent;;
var bgcolor;
var imageholder;
var ie4;
var dom;
var curpos;
var curcanvas;
var curindex;
var nextindex;


function initSlideShow(){
  trans_width='116px' //slideshow width
  trans_height='116px' //slideshow height
  pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
  degree=10 //animation speed. Greater is faster.

  leftmargin = 50;
  topmargin = 50;
  w = window.screen.width;
  h = window.screen.height;

  popupwidth = w-2*leftmargin;
  popupheight = h-2*topmargin-50;

  //Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET]
  // slideshowcontent=new Array();

  bgcolor='white';

  imageholder=new Array();

  for (i=0;i<slideshowcontent.length;i++){
    imageholder[i]=new Image();
    imageholder[i].src=slideshowcontent[i][0];
  }

  ie4=document.all;
  dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1;

  if (slideshowcontent.length > 0){
    if (ie4 || dom){
      document.write('<div style="position:relative;width:'+trans_width+';height:'+trans_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>');
      curcanvas="canvas0";
    } else if (document.layers){
      document.write('<ilayer id="tickernsmain" style="visibility: hide; background-color: ' + bgcolor +'" width="'+trans_width+'" height="'+trans_height+'"><layer id="tickernssub" width="'+trans_width+'" height="'+trans_height+'" left="0" top="0"><img src="'+slideshowcontent[0][0]+'" alt="slideshow"/></layer></ilayer>');
    }
  }

  else {
    document.write('<img src="/graphics/nophoto.gif" style="width: 100px; height: 100px" alt="no photo"/>');
  }

  curpos=trans_width*(-1);
  curindex=0;
  nextindex=1;
}

function getslidehtml(theslide){
  if(!theslide){
    return;
  }

  var slidehtml="";

  if (theslide[1]!=""){
    slidehtml='<a href="#" title="Click here to view full size images" onclick=window.open("' + theslide[1] + '","userhelp","WIDTH=' + popupwidth + ',HEIGHT=' + popupheight + ',scrollbars=yes,left=' + leftmargin + ',top=' + topmargin + '");return false>';
  }

  slidehtml+='<img src="'+theslide[0]+'" border="0" width="100"><img src="/graphics/magnifierbar.png" alt="magnifier" border="0">';

  if (theslide[1]!=""){
    slidehtml+='</a>';
  }
  return slidehtml;
}

function moveslide(){
  if (curpos<0){
    curpos=Math.min(curpos+degree,0);
    tempobj.style.left=curpos+"px";
  }
  else {
    clearInterval(dropslide);
    if (crossobj.filters){
      crossobj.filters.alpha.opacity=100;
    } else if (crossobj.style.MozOpacity){
      crossobj.style.MozOpacity=1;
    }

    nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1";
    tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas);
    if(tempobj){
      tempobj.innerHTML=getslidehtml(slideshowcontent[curindex]);
      nextindex=(nextindex<slideshowcontent.length-1)? nextindex+1 : 0;
    }
    setTimeout("rotateslide()",pause);
  }
}

function rotateslide(){
  if (ie4||dom){
    resetit(curcanvas);
    crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas);
    if(!crossobj) return;

    crossobj.style.zIndex++;
    if (crossobj.filters){
      document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20;
    } else if (crossobj.style.MozOpacity){
      document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2;
    }
    var temp='setInterval("moveslide()",50)';
    dropslide=eval(temp);
    curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0";
  }
  else if (document.layers){
    crossobj.document.write(getslidehtml(slideshowcontent[curindex]));
    crossobj.document.close();
  }
  curindex=(curindex<slideshowcontent.length-1)? curindex+1 : 0;
}

function jumptoslide(which){
  curindex=which;
  rotateslide();
}

function resetit(what){
  curpos=parseInt(trans_width)*(-1);
  var crossobj=ie4? eval("document.all."+what) : document.getElementById(what);
  crossobj.style.left=curpos+"px";
}

function startit(){
  crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub;
  if(!crossobj) return;

  if (ie4||dom){
    crossobj.innerHTML=getslidehtml(slideshowcontent[curindex]);
    rotateslide();
  } else {
    document.tickernsmain.visibility='show';
    curindex++;
    setInterval("rotateslide()",pause);
  }
}

initSlideShow();
if (window.addEventListener){
  window.addEventListener("load", startit, false);
} else if (window.attachEvent){
  window.attachEvent("onload", startit);
} else if (ie4||dom||document.layers) {
  window.onload=startit;
}