var	currHighlight = 1;
var	maxHighlights = 1;
var highlightsHTML = new Array(maxHighlights);
//var innerHighlightHTML = [ "<p class=\"section\"><span class=\"sectiontext\" valign=\"top\"> <a href=\"ministries/community/alpha/alpha.htm\"> <img src=\"images/alpha_logo.jpg\" style=\"float: right; margin: 5px;\" alt=\"Alpha\"></a> Wondering what Christianity is all about?&nbsp; <a href=\"ministries/community/alpha/alpha.htm\">Alpha</a> is just for you!&nbsp;&nbsp;Come explore the basics of the Christian faith in a relaxed, non-threatening setting over ten weekly sessions.&nbsp; <a href=\"ministries/community/alpha/alpha.htm\">Come join us</a>!</span></p>" ];
var innerHighlightHTML = [];

var highlightImages = [  
		"/images/highlights/20100314_egg-stravaganza.jpg\" alt=\"Easter egg-stravaganza\""
];

var highlightReferences = [
		"<a href=\"http://www.calvarychurch.us/ministries/kids/kids_ministry.htm\" target\" blank\" title=\"Easter egg-stravaganza\">"
		
];


function showHighlights()
{
   initHighlights();
   setInterval("showNextHighlight()", 10000);
}

function initHighlights()
{
	initHighlightsHTML();
	
	var highlight = document.getElementById("highlights");
	//alert("highlight: " + highlight);
	if (highlight != null)
	{
		var html = "";
		for (i = 1; i <= maxHighlights; i++)
		{
			html += highlightsHTML[i];
		}
		//alert(out);
		highlight.innerHTML = html;
	}
	
}

function initHighlightsHTML()
{
	for (i = 1; i <= maxHighlights; i++)
	{
		var display = "";
		if (i != 1)
		{
			display = " style=\"display:none\"";
		}
		var html = "<div id=\"highlight_" + i + "\"" + display + ">";
		
		if (highlightReferences[i-1] != null)
		{
			html += highlightReferences[i-1];
		}
		
		if (innerHighlightHTML[i-1] != null)
		{
			html += innerHighlightHTML[i-1];
		}
		else
		{
			var highlight_img = getRootURL() + highlightImages[i-1];
			html += "<p align=\"center\"><img src=\"" + highlight_img + "\"></p>";
		}
		
		if (highlightReferences[i-1] != null)
		{
			html += "</a>";
		}
		
		html += "</div>";
		//alert(html);
		highlightsHTML[i] = html;
	}
}

function showNextHighlight()
{
	//alert("hello");
	var num = currHighlight + 1;
	if (num > maxHighlights)
		num = 1;
	
	fadeInHighlight(num);
	currHighlight = num;
}

function fadeInHighlight(num)
{
	var currElement = document.getElementById("highlight_" + currHighlight);
	currElement.style.display = "none";

	var newElement = document.getElementById("highlight_" + num);
	newElement.style.display = "";
}
