// Triggering the navigation overlays
$(document).ready(function(){

    var children = $("ul#mainnav").children();
    var zindex = children.length;
    for(var i=0; i<children.length; i++) {
        var child = children[i];
        child.style.zIndex = zindex;
        zindex--;
    }

	$("ul#mainnav a, ul#metanav a").mouseover(function(event){
		id = event.currentTarget.id;
		$("img#" + id + "-overlay").fadeIn("fast");
	});

	$("ul#mainnav a, ul#metanav a").mouseout(function(event){
		id = event.currentTarget.id;
		$("img#" + id + "-overlay").fadeOut("fast");
	});

});