﻿// menuonly.js - for pages that just have a side menu.
window.onload = initAll;

$('*').keydown(keyHit);
myImgSrc = "images/";
myImgEnd = ".jpg"
var i = 0;
var slideshowOn = false;
var max;

function initAll() {
	i = 0;
	max = this.myCap.length - 1;
	$('#caption').text(myCap[i]);
	$('#imgSrc').attr("src", myImgSrc + myImg[i] + myImgEnd);
	$('#imgSrc').bind("contextmenu", function(e) {
		e.preventDefault();
	});
	$('#sidebar').bind("contextmenu", function(e) {
		e.preventDefault();
	});
	$('#header').bind("contextmenu", function(e) {
		e.preventDefault();
	});
	var allLinks = document.getElementsByTagName("a");

	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 startShow() {
	if (slideshowOn) {
		slideshowOn = false;
		$('#play').text("Play");
		$('#first').css("color","lightcyan");
		$('#prev').css("color","lightcyan");
		$('#next').css("color","lightcyan");
		$('#last').css("color","lightcyan");
	}
	else {
		slideshowOn = true;
		$('#play').text("Stop");
		$('#first').css("color","darkgray");
		$('#prev').css("color","darkgray");
		$('#next').css("color","darkgray");
		$('#last').css("color","darkgray");
		slideShow();
	}
}     
function slideShow() {
	if (slideshowOn) {
		i++;
		if (i>max) {i = 0;}
		$('#imgSrc').attr("src", myImgSrc + myImg[i] + myImgEnd);
		$('#caption').text(myCap[i]);
		setTimeout('slideShow()',3000);
	}
}
function change() {
	$("#noshow").slideToggle();
}
function stopShow() {
	slideshowOn = false;
}
function prev() {
	if (slideshowOn == false) {
		i--;
		if (i<0) {i=max;}
		$('#imgSrc').attr("src", myImgSrc + myImg[i] + myImgEnd);
		$('#caption').text(myCap[i]);
	}
}
function next() {
	if (slideshowOn == false) {
		i++;
		if (i>max) {i=0;}
		$('#imgSrc').attr("src", myImgSrc + myImg[i] + myImgEnd);
		$('#caption').text(myCap[i]);
	}
}
function pick(tmb) {
	if (slideshowOn == false) {
		i = tmb;		
		$('#imgSrc').attr("src", myImgSrc + myImg[i] + myImgEnd);
		$('#caption').text(myCap[i]);
	}
}

function keyHit(event) {
	var thisKey = event.keyCode;
	switch (thisKey) {
		case 37:
			prev();
			break;
		case 38:
			pick(0);
			break;
		case 39:
			next();
			break;
		case 40:
			pick(max);
			break;
	}
	return false;
}
