var secStops = [0, 2000, 4000, 6000];

function scrollNavigator(elem) {
	//check browser compatibility
	if (!document.getElementById) return false;
	if (!document.getElementsByTagName) return false;
	
	//function
	
	//set onclick and scroll stops for main menu MAP
	var nav = document.getElementById(elem);
	var navLinks = nav.getElementsByTagName("a");
	var currLink;
	
	var sections = document.getElementById("sections");
	var secDivs = sections.getElementsByTagName("div");
	var scrollCount = 0;
	var sectionsArray = [];
	var currSec = 0;
	
	
	//Create SECTIONS array that include each of the 4 sections
	for(var i=0; i < secDivs.length; i++) {
		if(secDivs[i].getAttribute("class") == 'section') {
			sectionsArray.push(secDivs[i]);
		}
	}
	
	//Make other sections 'hidden'
	for(var i=0; i < sectionsArray.length; i++) {
		if(i != 0) {
			sectionsArray[i].style.visibility = "hidden";
			sectionsArray[i].style.left = "-1000px";
		} else {
			sectionsArray[i].style.top = "100px";
		}
	}
	
	for(var i=0; i < navLinks.length; i++) {
		var thisStop = secStops[i];
		var thisStopi = i;
		navLinks[i].scrollStop = thisStop;
		navLinks[i].scrollStopi = thisStopi;
		
		navLinks[i].isOn = false;
		
		navLinks[i].onmouseover = function() {
			var imgName = this.getAttribute("href").slice(1) + "ArrOv.png";
			this.style.background = "transparent url(imgs/" + imgName + ") no-repeat";
		}
		
		navLinks[i].onmouseout = function() {
			if(!this.isOn) {
				var imgName = this.getAttribute("href").slice(1) + "Arr.png";
				this.style.background = "transparent url(imgs/" + imgName + ") no-repeat";
			}
		}
		
		navLinks[i].onclick = function() {
			if(currLink) {
				var imgName = currLink.getAttribute("href").slice(1) + "Arr.png";
				currLink.style.background = "transparent url(imgs/" + imgName + ") no-repeat";
				currLink.isOn = false;
			}
			
			currLink = this;
			this.isOn = true;
			
			scrollScreen(0,0,15);
			
			if(currSec != this.scrollStopi) {
				moveElement(sectionsArray[currSec].getAttribute("id"),-1000,100,15);
				sectionsArray[this.scrollStopi].style.visibility = "visible";
				sectionsArray[this.scrollStopi].style.top = "100px";
				sectionsArray[this.scrollStopi].style.left = "2000px";
				moveElement(sectionsArray[this.scrollStopi].getAttribute("id"),200,100,15);
				currSec = this.scrollStopi;
			}
			
			
			var imgName = this.getAttribute("href").slice(1) + "ArrOv.png";
			this.style.background = "transparent url(imgs/" + imgName + ") no-repeat";
			
			//RESET day scrolls
			scrollCount = 0;
			moveElement("dayoneMinis",0,0,15);
			moveElement("daytwoMinis",0,0,15);
			moveElement("daythreeMinis",0,0,15);
			
			for(var i=0; i < secDivs.length; i++) {
				if(secDivs[i].getAttribute("class") == "secHand") secDivs[i].style.visibility = "visible";
				if(secDivs[i].getAttribute("class") == "secHandBack") secDivs[i].style.visibility = "hidden";
				if(secDivs[i].getAttribute("class") == "nextAct") secDivs[i].style.visibility = "visible";
			}
			
			return false;
		}
	}
	
	//SET screen at the beginning on load
	var firstNav = document.getElementById("aWhoweare");
	var firstNavLink = firstNav.getElementsByTagName("a");
	firstNavLink[0].style.background = "transparent url(imgs/whoweareArrOv.png) no-repeat";
	firstNavLink[0].isOn = true;
	currLink = firstNavLink[0];
	scrollScreen(0,0,15);
	
	//LOGO nav
	var logoDiv = document.getElementById("logo");
	var logoA = logoDiv.getElementsByTagName("a");
	logoA[0].onclick = function () {
		scrollScreen(0,0,15);
		if(currSec != 0) {
			var imgName = currLink.getAttribute("href").slice(1) + "Arr.png";
			currLink.style.background = "transparent url(imgs/" + imgName + ") no-repeat";
			currLink.isOn = false;
			
			firstNavLink[0].style.background = "transparent url(imgs/whoweareArrOv.png) no-repeat";
			currLink = firstNavLink[0];
			currLink.isOn = true;
			
			moveElement(sectionsArray[currSec].getAttribute("id"),-1000,100,15);
			sectionsArray[0].style.left = "2000px";
			moveElement(sectionsArray[0].getAttribute("id"),200,100,15);
			currSec = 0;
		}
		return false;
	}
	
	//navigation for CONTACT
	var contactElem = document.getElementById("contact");
	var contactTab = document.getElementById("contactTab");
	var contactTabLinks = contactTab.getElementsByTagName("a");
	var contactClose = document.getElementById("contactClose");
	var contactCloseLinks = contactClose.getElementsByTagName("a");
	var contactMain = document.getElementById("contactMain");
	var currContactTop = contactMain.clientTop;
	
	var initLeft = -250;
	var initTop = -140;
	var endLeft = 35;
	
	contactMain.style.left = initLeft + "px";
	contactMain.style.top = initTop + "px";
	
	contactTabLinks[0].onmouseover = function() {
		moveElement("contactMain",endLeft,initTop,15);
		return false;
	}
	
	contactTabLinks[0].onclick = function() {
		return false;
	}
	
	contactCloseLinks[0].onclick = function() {
		moveElement("contactMain",initLeft,initTop,15);
		return false;
	}
	
	
	//set navigation for NEXT arrow on section
	var secLinks = sections.getElementsByTagName("a");
	
	var stopi = 0;
	for(var i=0; i < secLinks.length; i++) {
		if(secLinks[i].getAttribute("href") == "#next") {
			var thisStopi = stopi;
			stopi++;
			secLinks[i].scrollStopi = thisStopi;
			secLinks[i].onclick = function() {
				var whatStop = this.scrollStopi + 1;
				if(whatStop >= 4) {
					whatStop = 0;
				}
				scrollScreen(secStops[whatStop],0,15);
				return false;
			}
		}
	}
	
	
	
	
	
	//miniblurbs. otherwise known as DAYs
	var blurbs = document.getElementById("whoweareBlurbs");
	
	var secHand;
	var secHandBack;
	var currMSect = "none";
	var scrollQ = -820;
	
	
	
	for(var i=0; i < secDivs.length; i++) {
		if(secDivs[i].getAttribute("class") == "secHand") secHand = secDivs[i];
		
		if(secDivs[i].getAttribute("class") == "secHandBack") secHandBack = secDivs[i];
	}
	
	for(var i=0; i < secLinks.length; i++) {
		if(secLinks[i].getAttribute("href") == "#nextHand") {
			secLinks[i].onclick = function() {
				if(currMSect != this.parentNode.parentNode.getAttribute("id")) {
					var blurbsElem = document.getElementById(this.parentNode.parentNode.getAttribute("id") + "Minis");
					var positiveLeftPos =  blurbsElem.style.left ? parseInt(blurbsElem.style.left.slice(1)) : 0;
					positiveLeftPos = isNaN(positiveLeftPos) ? 0 : positiveLeftPos;
					if(blurbsElem.style.left && blurbsElem.style.left != 0) scrollCount = positiveLeftPos/Math.abs(scrollQ);
					else scrollCount = 0;
				}
				
				currMSect = this.parentNode.parentNode.getAttribute("id");
				var miniBlurbCount = 0;
				scrollCount++;
				var moveCount = (scrollQ * scrollCount);
				var thisSecDivs = this.parentNode.parentNode.getElementsByTagName("div");
				var thisMoveMinis;
				
				for(var i=0; i < thisSecDivs.length; i++) {
					if(thisSecDivs[i].getAttribute("class") == "miniBlurb") miniBlurbCount += 0.5;
					
					if(thisSecDivs[i].getAttribute("class") == "secHand") secHand = thisSecDivs[i];
					if(thisSecDivs[i].getAttribute("class") == "secHandBack") secHandBack = thisSecDivs[i];
					if(thisSecDivs[i].getAttribute("class") == "nextAct") thisSecDivs[i].style.visibility = "hidden";
					
					if(thisSecDivs[i].getAttribute("class") == "moveMinis")  thisMoveMinis = thisSecDivs[i];
				}
				
				
				if(scrollCount < miniBlurbCount) {
					moveElement(thisMoveMinis.getAttribute("id"),moveCount,0,15);
					if(scrollCount == miniBlurbCount - 1) {
						secHand.style.visibility = "hidden";
						scrollCount = miniBlurbCount - 1;
					}
				}
				
				secHandBack.style.visibility = "visible";
				return false;
			}
		}
		
		if(secLinks[i].getAttribute("href") == "#backHand") {
			secLinks[i].onclick = function() {
				if(currMSect != this.parentNode.parentNode.getAttribute("id")) {
					var blurbsElem = document.getElementById(this.parentNode.parentNode.getAttribute("id") + "Minis");
					var positiveLeftPos =  blurbsElem.style.left ? parseInt(blurbsElem.style.left.slice(1)) : 0;
					positiveLeftPos = isNaN(positiveLeftPos) ? 0 : positiveLeftPos;
					if(blurbsElem.style.left && blurbsElem.style.left != 0) scrollCount = positiveLeftPos/Math.abs(scrollQ);
					else scrollCount = 0;
				}
				
				currMSect = this.parentNode.parentNode.getAttribute("id");
				var miniBlurbCount = 0;
				scrollCount--;
				var moveCount = (scrollQ * scrollCount);
				var thisSecDivs = this.parentNode.parentNode.getElementsByTagName("div");
				var thisMoveMinis;
				
				for(var i=0; i < thisSecDivs.length; i++) {
					if(thisSecDivs[i].getAttribute("class") == "miniBlurb") miniBlurbCount++;
					
					if(thisSecDivs[i].getAttribute("class") == "secHand") secHand = thisSecDivs[i];
					if(thisSecDivs[i].getAttribute("class") == "secHandBack") secHandBack = thisSecDivs[i];
					
					if(thisSecDivs[i].getAttribute("class") == "moveMinis")  thisMoveMinis = thisSecDivs[i];
				}
				
				if(scrollCount >= 0) {
					moveElement(thisMoveMinis.getAttribute("id"),moveCount,0,15);
					if(scrollCount ==  0) {
						secHandBack.style.visibility = "hidden";
						scrollCount = 0;
					}
				}
				
				secHand.style.visibility = "visible";
				return false;
			}
		}
	}
}

function setUpScroll() {
	scrollNavigator("navigator");
}

addLoadEvent(setUpScroll);