$(document).ready(function() {

	// For each link containing -off, set up a -on hover
	$("img[src*='-off']").each(function() {
	
		// Preload on state
		var img = new Image();
		img.src = $(this).attr("src").replace(/-off/,"-on");
		
		// Set up the hover switcher
		$(this).hover(function() {
			$(this).attr("src",$(this).attr("src").replace(/-off/,"-on"));
		}, function() {
			$(this).attr("src",$(this).attr("src").replace(/-on/,"-off"));
		});
	
	});

});


function highlight(me) {
    if(me.className != 'active'){
        me.className = 'active';
    }
}

function highlight_off(me) {
    if(me.className == 'active'){
        me.className = ''
    }
}