// *** Global script

// *** Hover fuctions

function hoverOn(el) {
	elSource = el.src.substring(el.src.indexOf("images/") + "images/".length);
	newSource = "h" + elSource;
	el.src = "images/" + newSource;
}
	
function hoverOff(el) {
	cs = el.src.substring(el.src.indexOf("images/") + "images/".length);
	ccs = cs.charAt(0);
	if (ccs == "h") {
		newSource = el.src.substring(el.src.indexOf("images/h") + "images/h".length);
		el.src = "images/" + newSource;
	}
}

function showPhoto(g,p) {
	if (document.getElementById("story") != null) {
		if (document.getElementById("story").style.display == "block") {
			showStory();
		}
	}
	photo = p;
	document.getElementById("photo").src = "photos/gallery" + g + "/g" + g + "p" + p + ".jpg";
	resetNumberClass();
	document.getElementById("pb"+p).className = "anumber";
}

function nextPhoto() {
	if (document.getElementById("story") != null) {
		if (document.getElementById("story").style.display == "block") {
			showStory();
		}
	}
	p = photo + 1;
	g = gallery;
	if (p > end) {
		p = 1;
		document.getElementById("photo").src = "photos/gallery" + g + "/g" + g + "p" + p + ".jpg";
		resetNumberClass();
		document.getElementById("pb"+p).className = "anumber";
		photo = p;
	} else {
		document.getElementById("photo").src = "photos/gallery" + g + "/g" + g + "p" + p + ".jpg";
		resetNumberClass();
		document.getElementById("pb"+p).className = "anumber";
		photo = p;
	}
}

function prevPhoto() {
	if (document.getElementById("story") != null) {
		if (document.getElementById("story").style.display == "block") {
			showStory();
		}
	}
	p = photo - 1;
	g = gallery;
	if (p < 1) {
		p = end;
		document.getElementById("photo").src = "photos/gallery" + g + "/g" + g + "p" + p + ".jpg";
		resetNumberClass();
		document.getElementById("pb"+p).className = "anumber";
		photo = p;
	} else {
		document.getElementById("photo").src = "photos/gallery" + g + "/g" + g + "p" + p + ".jpg";
		resetNumberClass();
		document.getElementById("pb"+p).className = "anumber";
		photo = p;
	}
}

function resetNumberClass() {
	for (var i=1; i<=end; i++) {
		document.getElementById("pb"+i).className = "number";
	}
}

function showLayer(el) {
	document.getElementById(el).style.display = "block";
}

function showCaption() {
	imageID = gallery.toString() + photo.toString();
	document.getElementById("photo").className = "fadeout";
	document.getElementById("captionText").innerHTML = captionText[imageID];
	document.getElementById("caption").style.display = "block";
	document.getElementById("captionText").style.display = "block";
}

function hideCaption() {
	document.getElementById("caption").style.display = "none";
	document.getElementById("captionText").style.display = "none";
	document.getElementById("photo").className = "fadein";
}

function showStory() {
	if (document.getElementById("story").style.display == "none") {
		document.getElementById("story").style.display = "block";
		document.getElementById("storyOn").style.display = "none";
		document.getElementById("storyOff").style.display = "";
	} else {
		document.getElementById("story").style.display = "none";
		document.getElementById("storyOn").style.display = "";
		document.getElementById("storyOff").style.display = "none";
	}
}