var pageArray = new Array("Value and Approach", "Leadership", "Our Services", "Our Work", "Contact Us", "Blog");
var linkArray = new Array("value.html", "leadership.html", "services.html", "work.html", "contact.html", "http://www.visualstreampro.com/blog");
var req;

function indexDrawLeadership(r)
{
	var response = r.responseXML.documentElement;
	var leadershipDiv = response.getElementsByTagName('leadershipDiv')[0];
	var title = leadershipDiv.getElementsByTagName('title')[0].firstChild.data;
	var tempText = leadershipDiv.getElementsByTagName('text')[0].firstChild.data;

	var textRemove = tempText.split(" ");
	textRemove.splice(50, textRemove.length-50);
	
	var text = textRemove.join(" ") + "...";
	
	var string = new Array();
	string.push('<font class="bottomDivTitle">' + title + '</font>');
	string.push('<p class="bottomDiv">' + text + '</p>');
	string.push('<a href="' + linkArray[0] + '" class="bottomDiv">' + 'Read More >' + '</a>');
	document.getElementById('leadershipDiv').innerHTML = string.join('');
	// 
	loadNews();
	
}

function drawValues(r)
{
	var response = r.responseXML.documentElement;
	var leadershipDiv = response.getElementsByTagName('leadershipDiv')[0];
	var title = leadershipDiv.getElementsByTagName('title')[0].firstChild.data;
	var text = leadershipDiv.getElementsByTagName('text')[0].firstChild.data;

	var string = new Array();
	string.push('<font class="textDivHeader">' + title + '</font>');
	string.push('<p class="textDivText">' + text + '</p>');
	document.getElementById('textDiv').innerHTML = string.join('');
	
}

function loadNews()
{
	loadXMLDoc('./xml/news.xml', indexDrawNews)
}

function indexDrawNews(r)
{
	var response = r.responseXML.documentElement;
	var newsItems = response.getElementsByTagName('item');
	var itemArray = new Array();
	// we only want the top 2 news items
	var mxLength = (newsItems.length > 2) ? 1 : newsItems.length;
	for (var a=0;a<mxLength;a++)
	{
		itemArray.push(new Object({title:newsItems[a].getElementsByTagName('title')[0].firstChild.data, text:newsItems[a].getElementsByTagName('text')[0].firstChild.data, link:newsItems[a].getElementsByTagName('link')[0].firstChild.data}));
	}
	
	
	var string = new Array();
	string.push('<font class="bottomDivTitle">' + 'News' + '</font>');
	for (var a=0;a<itemArray.length;a++)
	{
		string.push('<a href="' + itemArray[a].link + '" target="_blank"><p><font class="blueNewsText">' + itemArray[a].title + ' -</font><br>');
		string.push('<font class="noDecoration">' + itemArray[a].text + '</font></p></a>');
	}
	string.push('<a href="" class="bottomDiv">' + 'Archive >' + '</a>');
	
	document.getElementById('newsDiv').innerHTML = string.join('');
	
	
	loadAwards();

}

function loadAwards()
{
	loadXMLDoc('./xml/awards.xml', indexDrawAwards)
	// not necessary but for safety
}

function indexDrawAwards(r)
{
	var response = r.responseXML.documentElement;
	var newsItems = response.getElementsByTagName('item');
	var itemArray = new Array();
	// we only want the top 2 news items
	var mxLength = (newsItems.length > 2) ? 1 : newsItems.length;
	for (var a=0;a<mxLength;a++)
	{
		itemArray.push(new Object({title:newsItems[a].getElementsByTagName('title')[0].firstChild.data, text:newsItems[a].getElementsByTagName('text')[0].firstChild.data, link:newsItems[a].getElementsByTagName('link')[0].firstChild.data}));
	}
	
	
	var string = new Array();
	string.push('<font class="bottomDivTitle">' + 'Awards' + '</font>');
	for (var a=0;a<itemArray.length;a++)
	{
		string.push('<a href="' + itemArray[a].link + '" target="_blank"><p><font class="blueNewsText">' + itemArray[a].title + ' -</font><br>');
		string.push('<font  class="noDecoration">' + itemArray[a].text + '</font></p></a>');
	}
	string.push('<a href="" class="bottomDiv">' + 'Archive >' + '</a>');
	
	document.getElementById('awardsDiv').innerHTML = string.join('');


}

/*
function drawNav()
{
	var curDiv = document.getElementById('buttonDiv');
	var string = new Array();

	for (var i=0;i<pageArray.length;i++)
	{
		if (i == currentPage)
		{
			string.push('<font class="orangeDot">·</font>');
			string.push('<a href="' + linkArray[i] + '" class="navButton"><b>' + pageArray[i] + '</b></a>');
		} else
		{
			var target = (linkArray[i].slice(0,4) == "http") ? "_blank" : "_self";
			string.push('<a href="' + linkArray[i] + '" class="navButton" target="' + target + '">' + pageArray[i] + '</a>');
		}
	}
		
	curDiv.innerHTML = string.join("");
	
	var s = document.getElementsByTagName('select');
	for (var i=0; i<s.length; i++) {
		selectReplacement(s[i]);
	}
}

*/
/*
	leadership page
	updates the current text on the left dependant on what picture is clicked
*/
function updateText(num)
{
	
	var div = document.getElementById('textDiv');
	var tempArray = new Array();
	tempArray.push('<font class="textDivHeader">' + leadershipTextArray[num]["title"] + '</font><br>');
	tempArray.push('<font class="textDivHeader">' + leadershipTextArray[num]["position"] + '</font>');
	tempArray.push('<font class="textDivText">' + leadershipTextArray[num]["text"] + '</font>');
	
	div.innerHTML = tempArray.join("");
}

function drawLeadership()
{
	// nav buttons	
	//drawNav();
		// text
	loadXMLDoc('./xml/leadership.xml', loadLeadershipText)
}

var leadershipTextArray = new Array();

function loadLeadershipText(r)
{
	leadershipTextArray = new Array();
	var response = r.responseXML.documentElement;
	
	
	var imageArray = response.getElementsByTagName('person');
	
	for (var i=0;i<imageArray.length;i++)
	{
		var tempArray = new Array();
		tempArray["id"] = i;
		tempArray["title"] = imageArray[i].getElementsByTagName('title')[0].firstChild.data;
		tempArray["position"] = imageArray[i].getElementsByTagName('position')[0].firstChild.data;
		tempArray["text"] = imageArray[i].getElementsByTagName('text')[0].firstChild.data;
		leadershipTextArray.push(tempArray);
	}
	
}
/*
// called by the body onload in index, starts the ball rolling
function onLoad()
{
	
	// nav buttons	
	//drawNav();
	// start 
	loadXMLDoc('./xml/index.xml', indexDrawLeadership)
}
*/
// called by the body in value.html
function drawValue()
{
	// nav buttons	
	//drawNav();
	// text
	loadXMLDoc('./xml/index.xml', drawValues)
}




// loads in a document via xmlhttp
// url - location of xml
// func - function to call after
function loadXMLDoc(url, func) 
{
    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = function()
        {
		// only if req shows "complete"
		if (req.readyState == 4) {
			// only if "OK"
			if (req.status == 200) {
				func(req);
			} else {
				alert("There was a problem retrieving the XML data:\n" + req.statusText);
			}
		}
        
        };
        req.open("GET", url, true);
        req.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange;
            req.open("GET", url, true);
            req.send();
        }
    }
}