// JavaScript Document

function mouseover_home() {document.images[1].src = "site-images/mouseover_sail.gif";}
function mouseout_home() {document.images[1].src = "site-images/mouseover_sail_empty.gif";}
function mouseover_about() {document.images[2].src = "site-images/mouseover_sail.gif";}
function mouseout_about() {document.images[2].src = "site-images/mouseover_sail_empty.gif";}
function mouseover_contact() {document.images[3].src = "site-images/mouseover_sail.gif";}
function mouseout_contact() {document.images[3].src = "site-images/mouseover_sail_empty.gif";}

var smallbox = new Array(26);
smallbox[0] = "zero";
smallbox[1] = "one";
smallbox[2] = "two";
smallbox[3] = "three";
smallbox[4] = "four";
smallbox[5] = "five";
smallbox[6] = "six";
smallbox[7] = "seven";
smallbox[8] = "eight";
smallbox[9] = "nine";
smallbox[10] = "ten";
smallbox[11] = "eleven";
smallbox[12] = "twelve";
smallbox[13] = "thirteen";
smallbox[14] = "fourteen";
smallbox[15] = "fifteen";
smallbox[16] = "sixteen";
smallbox[17] = "seventeen";
smallbox[18] = "eighteen";
smallbox[19] = "nineteen";
smallbox[20] = "twenty";
smallbox[21] = "twentyone";
smallbox[22] = "twentytwo";
smallbox[23] = "twentythree";
smallbox[24] = "twentyfour";
smallbox[25] = "twentyfive";
function photochange(thumb) {
	reset_borderwidths();
	var picture = document.getElementById(smallbox[thumb]);
	picture.style.margin = "3px";
	picture.style.borderWidth = "5px";
	document.getElementById("bigpicture").src = "site-images/photo-gallery/images/"+(thumb)+".jpg";
}
function reset_borderwidths() {
	var curThumb = 1;
	while (curThumb <= 19) {
			document.getElementById(smallbox[curThumb]).style.borderWidth = "2px";
			document.getElementById(smallbox[curThumb]).style.margin = "6px";
			++curThumb;
	}
}

function arrowshift_right () {
				document.getElementById("thumbsbox").style.marginTop = "-386px";
}
function arrowshift_left () {
				document.getElementById("thumbsbox").style.marginTop = "0px";
}