// JavaScript Document

var currContent = 1;
var direction;
function randImg() {

	var randomNumber = Math.floor(Math.random()*23) + 1;
	newImage = "url(images/top/" + randomNumber + ".jpg)";
	
    document.getElementById('showcase1').style.background = newImage;
	

}

function randImg2() {

	var randomNumber = Math.floor(Math.random()*23) + 1;
	newImage = "url(images/top/" + randomNumber + ".jpg)";
    document.getElementById('topPic').style.background = newImage;
	
	
}
function swapSpot(spotID) {


	
	newSpot = document.getElementById("showContent" + spotID);
	newShowcase = document.getElementById("showcase" + spotID);
	newContent = document.getElementById("contentBack" + spotID);
	
	//alert(newContent);
	newSpot.style.display = "block";
	//alert(newContent);
			newShowcase.style.display = "block";
			newContent.style.display = "block";
			//alert(newContent);
			newButton = document.getElementById("button"+spotID);
			newButton.style.background = "#FFFFFF";
			
	
	for (var i = 1; i < 5; i++) {
		
		//alert(i);
		
		if (i != spotID) {
			currSpot = document.getElementById("showContent" + i);
			
			currShowcase = document.getElementById("showcase" + i);
			//alert(currShowcase);
			currContent = document.getElementById("contentBack" + i);
			//alert(currContent);
			currButton = document.getElementById("button" + i);
			//alert(currButton);
				currButton.style.background = "#A6C225";
				currSpot.style.display = "none";
				currShowcase.style.display = "none";
				currContent.style.display = "none";
		}
		
	}
	
}

function startScroll(spotID) {

		speed = .2;
		accel = .1;
		
		startSpeed = spotID - currContent;
	//alert(startSpeed);
	
		if (startSpeed > 0) {
			direction = -1;
		} else {
			direction = 1;
		}
		
		speed = speed*direction;
		//alert(speed);
		currEm = - ((currContent-1)*13);
	//alert(currEm);
		currForeEm = -((currContent - 1)*12);
		
		
		
		spotlightScrollTo(spotID, currEm, currForeEm, speed, accel);
}

function spotlightScrollTo(spotID, currEm, currForeEm, speed, accel) {
	//startSpeed
	
	/*if (currEm == 0) {
		currEm = - ((currContent-1)*13);
	}
	
	if (currForeEm == 0) {
		currForeEm = -((currContent - 1)*12);
	}*/
	
	
	
	//speed = startSpeed*1;
	
		foreSpeed = speed - direction*.1;
	
	stopEm = - ((spotID-1)*13);
	//alert(stopEm);
	foreStopEm = -((spotID - 1)*12);
	//alert(foreStopEm);
	scrollContent = document.getElementById("backgroundPics");	
	scrollForeground = document.getElementById("showcaseContentContainer");
	
	
	newTop = currEm + speed;
	newForeTop = currForeEm + foreSpeed;
	
	//alert(newTop);
		
	if (direction == -1) {
		
		if (newTop <= stopEm) {
			newTop = stopEm;
		}
		
		if (newForeTop <= foreStopEm) {
			newForeTop = foreStopEm;
		}
	
	} else {
		if (newTop >= stopEm) {
			newTop = stopEm;
		}
		
		if (newForeTop >= foreStopEm) {
			newForeTop = foreStopEm;
		}

	}
	
	//alert("test2");
	if (speed > 0) {
		newspeed = speed + accel;
	} else {
		newspeed = speed - accel;
	}
	
	//alert(newspeed);
	
	scrollContent.style.top = newTop +"em";
	scrollForeground.style.top = newForeTop + "em";
	
	if (direction == 1) {
		
		if ((newTop < stopEm) || (newForeTop < foreStopEm)) {
			//scrollCounter += 1;
			//alert(newForeTop);
			s = setTimeout(function(){spotlightScrollTo(spotID, newTop, newForeTop, newspeed, accel)}, 40);
		} else {
			currContent = spotID;
			//alert(currContent);
			currButton = document.getElementById("button" + currContent);
			currButton.style.background = "#FFF";
			for (var i = 1; i < 5; i++) {
				
				//alert(i);
				
				if (i != spotID) {
					
						currButton = document.getElementById("button" + i);
					//alert(currButton);
						currButton.style.background = "#A6C225";
						
				}
			}
		}
	} else {
		
		if ((newTop > stopEm) || (newForeTop > foreStopEm)) {
			//scrollCounter += 1;
			s = setTimeout(function(){spotlightScrollTo(spotID, newTop, newForeTop, newspeed, accel)}, 40);
		} else {
			currContent = spotID;
			
			currButton = document.getElementById("button" + currContent);
			currButton.style.background = "#FFF";
			for (var i = 1; i < 5; i++) {
				
				//alert(i);
				
				if (i != spotID) {
					
					//alert(currContent);
					currButton = document.getElementById("button" + i);
					//alert(currButton);
						currButton.style.background = "#A6C225";
					
				}
			}
		}
	}
	
	 
}