<!--
/*
galleryMenu.js

gifts are loaded as first page
*/


function pageon(which_page)
{
	/*
	makes tghe left menu, on the holding page show the pageon arrow
	restores all to normal state then makes particular gallery arrow to on state
	*/
	// set all to normal
	document.getElementById("giftcell").innerHTML = "<img id = \"gifts\" src=\"../images/navigation/arrowS.gif\" alt=\"Gifts\" width=\"43\" height=\"20\" onmouseover=\"overarrow('gifts')\"  onmouseout = \"offarrow('gifts')\" onclick = \"clickarrow('gifts/gifts.html')\"/>";

	document.getElementById("contractcell").innerHTML="<img id = \"contracts\" src=\"../images/navigation/arrowS.gif\" alt=\"Contracts\" width=\"43\" height=\"20\" onmouseover=\"overarrow('contracts')\"  onmouseout = \"offarrow('contracts')\" onclick = \"clickarrow('contract/contract.html')\"/>";


	document.getElementById("weddingcell").innerHTML = "<img id = \"weddings\" src=\"../images/navigation/arrowS.gif\" alt=\"Weddings\" width=\"43\" height=\"20\" onmouseover=\"overarrow('weddings')\"  onmouseout = \"offarrow('weddings')\" onclick = \"clickarrow('weddings/weddings.html')\"/>";


	document.getElementById("sympathycell").innerHTML = "<img id = \"sympathy\" src=\"../images/navigation/arrowS.gif\" alt=\"Sympathy\" width=\"43\" height=\"20\" onmouseover=\"overarrow('sympathy')\"  onmouseout = \"offarrow('sympathy')\" onclick = \"clickarrow('Sympathy/Sympathy.html')\"/>";

	//now chang particular arror to active
	switch(which_page)
	{
	case "gifts/gifts.html":
		document.getElementById("giftcell").innerHTML = "<img id = \"gifts\" src=\"../images/navigation/arrowA.gif\"/>";
		break;
	case "contract/contract.html":
		document.getElementById("contractcell").innerHTML="<img id = \"contracts\" src=\"../images/navigation/arrowA.gif\" alt=\"Contracts\" width=\"43\" height=\"20\" />";

		break;
	case "weddings/weddings.html":
		document.getElementById("weddingcell").innerHTML = "<img id = \"weddings\" src=\"../images/navigation/arrowA.gif\" alt=\"Weddings\" width=\"43\" height=\"20\" />";
		break;
	case "Sympathy/Sympathy.html":
		document.getElementById("sympathycell").innerHTML = "<img id = \"sympathy\" src=\"../images/navigation/arrowA.gif\" alt=\"Sympathy\" width=\"43\" height=\"20\" />";
		break;
	}
}

function overarrow(which_arrow)
{
	temp = document.getElementById(which_arrow);
	temp.src = "../images/navigation/arrowH.gif";

}

function offarrow(which_arrow)
{
	temp = document.getElementById(which_arrow);
	temp.src = "../images/navigation/arrowS.gif";

}

function clickarrow(which_locator)
{
	document.getElementById('galleryFrame').src = which_locator;

	switch(which_locator)
	{
	case 'gifts/gifts.html':
		document.getElementById('extraframe').src = "gifts/giftsextratext/giftsextratext.html";
		break;
	case 'contract/contract.html':
		document.getElementById('extraframe').src = "contract/contractextratext/contractextratext.html";
		break;
	case 'weddings/weddings.html':
		document.getElementById('extraframe').src = "weddings/weddingsextratext/weddingsextratext.html";
		break;
	case 'Sympathy/Sympathy.html':
		document.getElementById('extraframe').src = "Sympathy/sympathyextratext/sympathyextratext.html";
		break;
	}
	// now set pageon arrowH
	pageon(which_locator);
}



// -->


