sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}

if (window.attachEvent) window.attachEvent("onload", sfHover);

var myImg = [  
	{idn:'about'}, 
	{idn:'sfgallery'}, 
	{idn:'store'},
	{idn:'contact'}, 
	{idn:'viewcart'},
	{idn:'checkout'}];

var imageObjA = new Object();

for (i = 0; i < myImg.length; i++) 
{
	imageObjA[myImg[i].idn + '_off'] = new Image();
	imageObjA[myImg[i].idn + '_off'].src = 'http://www.sfsurf.com/images/nav/' + myImg[i].idn + '_off.gif';
	imageObjA[myImg[i].idn + '_over'] = new Image();
	imageObjA[myImg[i].idn + '_over'].src = 'http://www.sfsurf.com/images/nav/' + myImg[i].idn + '_on.gif';
	imageObjA[myImg[i].idn + '_on'] = new Image();
	imageObjA[myImg[i].idn + '_on'].src = 'http://www.sfsurf.com/images/nav/' + myImg[i].idn + '_on.gif';
}

function imageOff(imageObj) 
{ 
	imageObj.src = imageObjA[imageObj.id + '_off'].src;
	setPageImageOn();
}

function imageOver(imageObj) 
{ 
	imageObj.src = imageObjA[imageObj.id + '_over'].src;
	setPageImageOn();
}

function imageOn(imageObj) 
{ 
	imageObj.src = imageObjA[imageObj.id + '_on'].src;
	setPageImageOn();
}

function getPage()
{
	var mypath = new Array();
	var pageArray = new Array();
	var variables = new Array();
	var strHref = window.location.href;
	
	mypath = strHref.split('/');

	(mypath[3] == 'gallery') ? page = 'sfgallery' : page = mypath[3];
	
	return page;
}

function setPageImageOn() 
{
	page = getPage(); 
	
	for (i = 0; i < myImg.length; i++) 
	{
		if (myImg[i].idn == page) 
		{
			document.getElementById(myImg[i].idn).src = imageObjA[myImg[i].idn + '_on'].src;
		}
	}
}