function initRollovers() {
    if (!document.getElementById) return
    var aPreLoad = new Array();
    var sTempSrc;
    var aImages = new Array();
    aImages = document.getElementsByTagName('img');
    for (var i = 0, aImage; aImage = aImages[i]; i++) {	
	if (aImage.className == 'roll') {
	    var src = aImage.getAttribute('src');
	    if (src.lastIndexOf('_roll') < 1) {
		var ftype = src.substring(src.lastIndexOf('.'), src.length);
		var hsrc = src.replace(ftype, '_roll' + ftype);
		aImage.setAttribute('hsrc', hsrc);
		
		aPreLoad[i] = new Image();
		aPreLoad[i].src = hsrc;
		
		aImage.onmouseover = function() {
		    sTempSrc = this.getAttribute('src');
		    this.setAttribute('src', this.getAttribute('hsrc'));
		}
		aImage.onmouseout = function() {
			if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_roll'+ftype, ftype);
			this.setAttribute('src', sTempSrc);
		}
		aImage.onclick = function() {
		    if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_roll'+ftype, ftype);
		    this.setAttribute('src', sTempSrc);
		}

	    }
	}
    }
}
addEvent(window, 'load', initRollovers);


function initPageNavRollover()
{
    if (!document.getElementById) return
    var aPreLoad = new Array();
    var sTempSrc;
    var aLinks = new Array();
    sTempSrc = document.getElementById("pagenavitems");
    aLinks = sTempSrc.getElementsByTagName('a');
    for (var i = 0, aLink; aLink = aLinks[i]; i++) {
	aLink.onmouseover = function() {
	    this.firstChild.style.display = "block";
	}

	aLink.onmouseout = function() {
	    this.firstChild.style.display = "none";
	}

    }
}
    


addEvent(window, 'load', initPageNavRollover);
