// JavaScript Document
// Fade In and Out of Front Page Daily Schedule Items

document.write("<style type='text/css'> #event1 {visibility:hidden;} </style>");

current=0;
fade = 'out';

function changeImage() {
	//alert("start");
	imageId = 'sponsor1';
	holderId = 'sponsorShow';
	image = document.getElementById(imageId);
	holder = document.getElementById(holderId);
	if (fade=='out') {
		if (current==0) {
			holder.innerHTML = '<img src="1.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=1; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "2.jpg";
		} else 
		if (current==1) { 
			holder.innerHTML = '<img src="2.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=2; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "3.jpg";
		} else
		if (current==2) { 
			holder.innerHTML = '<img src="3.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=3; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "4.jpg";
		} else
		if (current==3) { 
			holder.innerHTML = '<img src="4.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=4; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "5.jpg";
		} else
		if (current==4) { 
			holder.innerHTML = '<img src="5.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=5; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "6.jpg";
		} else
		if (current==5) { 
			holder.innerHTML = '<img src="6.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=6; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "7.jpg";
		} else
		if (current==6) { 
			holder.innerHTML = '<img src="7.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=7; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "8.jpg";
		} else
		if (current==7) { 
			holder.innerHTML = '<img src="8.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=8; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "9.jpg";
		} else
		if (current==8) { 
			holder.innerHTML = '<img src="9.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=9; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "10.jpg";
		} else
		if (current==9) { 
			holder.innerHTML = '<img src="10.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=10; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "11.jpg";
		} else
		if (current==10) { 
			holder.innerHTML = '<img src="11.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=11; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "12.jpg";
		} else
		if (current==11) { 
			holder.innerHTML = '<img src="12.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=12; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "13.jpg";
		} else
		if (current==12) { 
			holder.innerHTML = '<img src="13.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=13; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "14.jpg";
		} else
		if (current==13) { 
			holder.innerHTML = '<img src="14.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=14; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "15.jpg";
		} else
		if (current==14) { 
			holder.innerHTML = '<img src="15.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=15; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "16.jpg";
		} else
		if (current==15) { 
			holder.innerHTML = '<img src="16.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=16; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "17.jpg";
		} else
		if (current==16) { 
			holder.innerHTML = '<img src="17.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=17; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "18.jpg";
		} else
		if (current==17) { 
			holder.innerHTML = '<img src="18.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=1; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "1.jpg";
		} else
		if (current==18) { 
			holder.innerHTML = '<img src="19.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=19; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "20.jpg";
		} else
		if (current==19) { 
			holder.innerHTML = '<img src="20.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=20; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "1.jpg";
		} /* else
		if (current==20) { 
			holder.innerHTML = '<img src="Eighth Page BW 2.jpg" id="sponsor1" />'; 
			imageId = 'sponsor1';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
			current=0; fade='in';
			picnext = new Image(600, 776);
			picnext.src = "Full Page Color 1.jpg";
		} */
		setTimeout("changeImage()", 8000);
	} else {
		fadeOut(imageId, 100);
		fade='out';
		setTimeout("changeImage()", 1500);
	}
}

/*function initImage() {
  imageId = 'image1';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}*/

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
	obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 50);
    }
  }
}

function fadeOut(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity -= 10;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 50);
    }
  }
}

window.onload = function() { 
	changeImage();
	startList();
}