var okay = {};

var highestImgIndex = 6;
var imgIndexToDisplay = 1;
var currentImageDisplayed;

okay.mailTo = function() {
	var anchor = document.getElementById( "email" );
	newHref = anchor.getAttribute("href");
	newHref = newHref.replace( /\[at\]/, "@" );
	newHref = newHref.replace( /\[dot\]/, "." );
	anchor.setAttribute("href", newHref );
};

var updateDisplayedImage = function() {
	currentImageDisplayed = document.getElementById( "indexImg" + imgIndexToDisplay );
	if( currentImageDisplayed ) {		
		currentImageDisplayed.style.display = "block";
	}
}

var cycleIndexImage = function() {
	//Will grab random number from 0 to 5 then add 1 to get proper index
	//var imgIndexToDisplay = Math.floor(Math.random()*6) + 1;
	
	//Hide the current image;
	currentImageDisplayed.style.display = "none";
		
	//Increment by 1 to get next (unless last, hide the first)
	if( imgIndexToDisplay == highestImgIndex ) {
		imgIndexToDisplay = 1;
	} else {
		imgIndexToDisplay = imgIndexToDisplay + 1;
	}
	
	updateDisplayedImage();
		
}

var setupCycleImageTimer = function() {
	//Execute first one
	updateDisplayedImage();
	
	//Set timer to be every 2 seconds
	var result = setInterval( cycleIndexImage, 2000 );
}

var syncRightSplit = function() {
	var padding = 10;
	var leftSplit = document.getElementById("leftSplit");
	var rightSplit = document.getElementById("rightSplit");
	var newHeight = leftSplit.offsetHeight - 2 * padding;
	
	rightSplit.style.height = newHeight + "px";
}