// Galaxy Secrets
//var a = new Array("chocolate", "enjoying", "didYouKnow", "love");
var a = new Array("chocolate", "enjoying", "didYouKnow");
var hideClass = "hidden";
var showClass = "secrets-section-js";
var pL = '<a href="#" onclick="toPrev(); return false;" title="view next article" class="previous">Previous</a>';
var nL = '<a href="#" onclick="toNext(); return false;"  title="view next article" class="next">Next</a>';
var cA; // id of current view

// http://www.robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/
function getElementsByClassName(className, tag, elm){
	var testClass = new RegExp("(^|\\\\s)" + className + "(\\\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;
}
function getArticleId(art) {
	var i;
	var iL = a.length;
	for (i=0; i<iL; i++) {
		if (art == 	a[i]) {return i};
	}
	return -1;
}
function initPage() {
	var lnk, i, ni, aL;
	var aL = a.length;
	var switchClass = "secrets-section-jsformat";
	var switchFormat = "secrets-section-js";
	var jsFormat = "js-format";
	document.getElementById('secrets-main').className = jsFormat;

	// loop through array to initate each article
	for (i=0; i<aL; i++) {
		linkDiv = "";
		var itm = document.getElementById(a[i]);
		var lnk = getElementsByClassName("gs-links", "div", itm);
		document.getElementById(a[i]).className = switchFormat;

		if (i > 0) { linkDiv += pL; }
		if (i < a.length - 1) { linkDiv += nL; }
		lnk[0].innerHTML = linkDiv;
		if (i != 0) {itm.className = hideClass;} // hide all except first
	}
	// init nav
	var n = document.getElementById("secrets-nav");
	var nLis = n.getElementsByTagName("li");
	var c, nLi;
	for (c=0; c<nLis.length; c++) {
		var li = nLis[c];
		var nAs = li.getElementsByTagName("a");
		var ttl = nAs[0].title;
		var hr = nAs[0].href;
		var iht = nAs[0].innerHTML;
		li.innerHTML = '<a href="#" onclick="showArticle(\'' + a[c] + '\'); return false;" title="' + ttl + '">' + iht + '</a>';
	}
	cA = 0;
	//document.getElementById('sn-love').className = 'hidden';
	document.getElementById('love').className = switchClass;
}
function toNext() {updateView(cA + 1, cA);}
function toPrev() {updateView(cA - 1, cA);}
function updateView(s, h) {
	document.getElementById(a[h]).className = hideClass;
	document.getElementById(a[s]).className = showClass;
	cA = s;
}
function showArticle(art) {
	var id = getArticleId(art);
	if (id != cA && id != -1) {updateView(id, cA);}
}