var slideshow_width  =470;
var slideshow_height =64;
var pause            =6000;
if(location.pathname){
   var dir              = "../";
}
else{
   var dir              = "";
}


Main     = new Date;
if(Main.getMonth() >= 2 && Main.getMonth() <= 4){
   var season = "summer";
}
else if(Main.getMonth() >= 5 && Main.getMonth() <= 7){
   var season = "summer";
}
else if(Main.getMonth() >= 8 && Main.getMonth() <= 10){
   var season = "fall";
}
else{
   var season = "winter";
}



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

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

var fadeimages = new Array();
fadeimages[0]  = dir + "images/banners/WalloonLake1(" + season + ").jpg";
fadeimages[1]  = dir + "images/banners/BayHarbor1(" + season + ").jpg";
fadeimages[2]  = dir + "images/banners/Petoskey1(" + season + ").jpg";
fadeimages[3]  = dir + "images/banners/HarborSprings1(" + season + ").jpg";
fadeimages[4]  = dir + "images/banners/WalloonLake2(" + season + ").jpg";
fadeimages[5]  = dir + "images/banners/BayHarbor2(" + season + ").jpg";
fadeimages[6]  = dir + "images/banners/Petoskey2(" + season + ").jpg";
fadeimages[7]  = dir + "images/banners/HarborSprings2(" + season + ").jpg";

var BannerLink = new Array();
BannerLink[0]  = dir + "connect-north-areas/WalloonLake.html";
BannerLink[1]  = dir + "connect-north-areas/BayHarbor.html";
BannerLink[2]  = dir + "connect-north-areas/Petoskey.html";
BannerLink[3]  = dir + "connect-north-areas/HarborSprings.html";
BannerLink[4]  = dir + "connect-north-areas/WalloonLake.html";
BannerLink[5]  = dir + "connect-north-areas/BayHarbor.html";
BannerLink[6]  = dir + "connect-north-areas/Petoskey.html";
BannerLink[7]  = dir + "connect-north-areas/HarborSprings.html";

var preloadedimages = new Array();
for(p=0; p<fadeimages.length; p++){
   preloadedimages[p]=new Image()
   preloadedimages[p].src=fadeimages[p]
}

if (ie4 || dom)
   document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div  id="canvas0" style="position:relative;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>')
else
   document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')


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

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


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