// JavaScript Document

var numberOfNewsItems = 3;

function createBlurb()
{
	var newsBlurb = xmlDoc.getElementsByTagName("EVENT");
	var newsYear = xmlDoc.getElementsByTagName("YEAR")[0].firstChild.data;
	var newsList = "";
	
	//for (i=0;i<newsBlurb.length;i++)
	for (var i=0; i<numberOfNewsItems; i++) {
		newsList += "<div class='news'>";
		newsList += "<p class='newsTitle'>";
		if (xmlDoc.getElementsByTagName("HEADLINE")[i].hasChildNodes()==1) {
			newsList += xmlDoc.getElementsByTagName("HEADLINE")[i].firstChild.data+" ";
		}
		if (xmlDoc.getElementsByTagName("CITY")[i].hasChildNodes()==1) {
			newsList += "in "+xmlDoc.getElementsByTagName("CITY")[i].firstChild.data+", ";
		}
		if (xmlDoc.getElementsByTagName("STATE")[i].hasChildNodes()==1) {
			newsList += xmlDoc.getElementsByTagName("STATE")[i].firstChild.data;
		}
		newsList += "</p>";
		newsList += "<p class='newsDate'>";
		newsList += xmlDoc.getElementsByTagName("MONTH")[i].firstChild.data+" "+newsYear;
		newsList += "</p>";
		newsList += "<p class='newsCopy'>";
		// Cut the story at the end of a word
		var endChar = 150;
		var checkChar = null;
		while(checkChar!=' ') {
			endChar++;
			checkChar = (xmlDoc.getElementsByTagName("COPY")[i].firstChild.data).charAt(endChar);
		}
		newsList += (xmlDoc.getElementsByTagName("COPY")[i].firstChild.data).substring(0,endChar);
		
		// Read more link
		newsList += "... </p>";
		newsList += "<p class='newsMore'><a href='/news/#news"+(i+1)+"'>Read more...</a></p>";
		newsList += "</div>";
	}
	document.write(newsList);
}


function switchBanner()
{
	var links = ['/services/buildingsciences/','/services/engineering/','/services/environmental/'];
	var images = ['mza_service_buildingscience.png','mza_service_engineering.png','mza_service_environmental.png'];
	var alts = ['Building Sciences','Engineering','Environmental Consulting'];
	var imagesLength = images.length;
	var bannerDivs = "";

	for (var i=0; i<imagesLength; i++) {
		bannerDivs += "<div class='banner'>";
		bannerDivs += "<a href='"+links[i]+"'><img src='/images/"+images[i]+"' alt='"+alts[i]+"' width='543' height='168' /></a>";
		bannerDivs += "</div>";
	}

	document.write(bannerDivs);
}

function switchService(count)
{
	document.getElementById("service1").className="";
	document.getElementById("service2").className="";
	document.getElementById("service3").className="";
	document.getElementById("service"+parseInt(count+1)).className="activeService";
}

var newsClips, bannerImages;
fadeInNextBanner.interval = 7000;
fadeInNextQuote.interval = 5000;

function fadeInNextQuote()
{
	if (!newsClips || newsClips.length < 1)
		return;

	var curEle;

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

	newsClips.curIndex = (newsClips.curIndex+1)%newsClips.length;
	var nextEle = newsClips[newsClips.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="block";}, 
			finish: function(){ setTimeout(function(){ fadeInNextQuote();}, fadeInNextQuote.interval);} });
}

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);} });
		switchService(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();
	
	// Find the newsBox and setup any quotes inside it for fading
	/*
	newsClips = Spry.$$(".news").setStyle("position:absolute; top:220px; opacity:0; filter:alpha(opacity=0); display:none;");
	fadeInNextQuote();
	*/
});


function createNews() {
	var whichXML = "/news/newsCurrent.xml";
	importXML(whichXML);
	createBlurb();
}