window.onload = initAll; 

var myPix = new Array("images/artwork/inbox/inbox_cover_front.png","images/artwork/inbox/inbox1.png","images/artwork/inbox/inbox2.png","images/artwork/inbox/inbox3.png","images/artwork/inbox/inbox4.png","images/artwork/inbox/inbox5.png","images/artwork/inbox/inbox_cover_back.png","images/artwork/inbox/inbox_cover_colors.png") ;
var thisPic = 0;

//this is for dropdown menu and the scrolling images
function initAll() {
	var allLinks = document.getElementsByTagName("a");
	var next = document.getElementById("prevImage").onclick = processPrevious;
	var prev = document.getElementById("nextImage").onclick = processNext;
	
	for (var i=0; i<allLinks.length; i++) {
		if(allLinks[i].className.indexOf("menuLink") > -1) {
			allLinks[i].onclick = function(){return false;}
			allLinks[i].onmouseover = toggleMenu;
		}
	}
}

function toggleMenu() {
	var startMenu = this.href.lastIndexOf("/")+1;
	var stopMenu = this.href.lastIndexOf(".");
	var thisMenuName = this.href.substring(startMenu, stopMenu);
	
	document.getElementById(thisMenuName).style.display = "block";
	
	this.parentNode.className = thisMenuName;
	this.parentNode.onmouseout = toggleDivOff;
	this.parentNode.onmouseover = toggleDivOn;

}

function toggleDivOn() {
	document.getElementById(this.className).style.display = "block";
}

function toggleDivOff() {
	document.getElementById(this.className).style.display = "none";
}

function processPrevious() {
	if (thisPic == 0) {
		thisPic = myPix.length;
	}
	thisPic--;
	document.getElementById("mainImage").src = myPix[thisPic];
	return false;
}

function processNext() {
	thisPic++;
	if (thisPic == myPix.length) {
		thisPic = 0;
	}
	document.getElementById("mainImage").src = myPix[thisPic];
	return false;
}