// JavaScript Document


function switchBanner()
{	
	var item = "<div class='banner'>";
	item += "<a href='/about/biography.htm'><img src='/images/LJD_banner1_bio.jpg' alt='About Louis J. Desso' /></a>";
	item += "</div>";
	item += "<div class='banner'>";
	item += "<a href='/issues/'><img src='/images/LJD_banner2_issues.jpg' alt='On The Issues' /></a>";
	item += "</div>";
	item += "<div class='banner'>";
	item += "<a href='/news/'><img src='/images/LJD_banner3_news.jpg' alt='In The News' /></a>";
	item += "</div>";
	item += "<div class='banner'>";
	item += "<a href='/about/testimonials.htm'><img src='/images/LJD_banner4_testimonial.jpg' alt='Testimonials &amp; Endorsements' /></a>";
	item += "</div>";
	item += "<div class='banner'>";
	item += "<a href='/support/'><img src='/images/LJD_banner5_contribute.jpg' alt='Contribute &amp; Volunteer' /></a>";
	item += "</div>";
	
	document.write(item);
	//document.getElementById("banners").innerHTML = item;
}

function switchSelection(count)
{
	document.getElementById("bannerSelect1").className="";
	document.getElementById("bannerSelect2").className="";
	document.getElementById("bannerSelect3").className="";
	document.getElementById("bannerSelect4").className="";
	document.getElementById("bannerSelect5").className="";
	document.getElementById("bannerSelect"+parseInt(count+1)).className="activeBanner";
}

var bannerImages;
fadeInNextBanner.interval = 7000;

function fadeInNextBanner()
{
	if (!bannerImages || bannerImages.length < 1)
		return;

	var curEle;

	if (typeof bannerImages.curIndex == "undefined")
		bannerImages.curIndex = bannerImages.length - 1;
	else
		curEle = bannerImages[bannerImages.curIndex];

	bannerImages.curIndex = (bannerImages.curIndex+1)%bannerImages.length;
	var nextEle = bannerImages[bannerImages.curIndex];

	if (curEle)
		Spry.Effect.DoFade(curEle, { from: 100, to: 0, finish:function(){curEle.style.display="none";} });
		Spry.Effect.DoFade(nextEle, { to: 100, setup:function(){nextEle.style.display="inline";}, 
			finish: function(){ setTimeout(function(){ fadeInNextBanner();}, fadeInNextBanner.interval);} });
		switchSelection(bannerImages.curIndex);
}

Spry.Utils.addLoadListener(function()
{
	// Find the bannerBox and setup any images inside it for fading
	bannerImages = Spry.$$(".banner").setStyle("position:absolute; opacity:0; filter:alpha(opacity=0); display:none;");
	fadeInNextBanner();
});