// Set the source for the on/off pretzel images here //
var PretzelOffImg = new Image(); PretzelOffImg.src = 'images/PretzelOff.gif';
var PretzelOnImg  = new Image(); PretzelOnImg.src  = 'images/PretzelOn.gif';


// Uncomment alert Line for Debugging

function msg(str) {
	//alert(str);
}

// Finds the first image that's the child of a given element
function findFirstImgChild(emt) {
	var children;
	var i;

	if(emt && emt.nodeType && emt.nodeType == 1 && (children = emt.childNodes))
	{
		for(i=0;i<children.length;i++)
			if(children[i].tagName == 'img' || children[i].tagName == 'IMG')
				return children[i];
	}
	else
		return false;
}

// initialization 

// sets onmouseover and onmouseout for a given link
function initPretzeledNav(navlink)
{
	msg("doin' it for link: " + navlink.innerHTML);
	var navlinkimg = findFirstImgChild(navlink);
	if(navlinkimg)
	{
		navlink.onmouseover = function () {
			navlinkimg.src = PretzelOnImg.src;
			msg('on');
		}
		navlink.onmouseout = function () {
			navlinkimg.src = PretzelOffImg.src;
			msg('off');
		}
	}
}

// calls the abouve onmouseover and onmouseout setting function on 
// all links that are the child of an element with id="nav"
function initAllPretzeledNavs() {
	var i, navdiv, navkids;

	navdiv = document.getElementById('nav');
	if(!navdiv) 
		msg('nav doesn\'t exist');
	else if(!(navkids = navdiv.childNodes))
		msg('nav has no kids -- see? ' + navdiv.innerHTML);
	else
	{
		for(i=0;i<navkids.length; i++)
		{
			//msg("checking navkid: " + navkids[i]);
			if((navkids[i].tagName == 'a') || (navkids[i].tagName == 'A'))
				initPretzeledNav(navkids[i]);
		}
	}
}

initAllPretzeledNavs();
//alert('initialized');