function clickMenuItemBottom(tableid, id) {
var item = $('table#'+tableid+' a#'+id);
$('table#'+tableid+' a.menubot_selected').removeClass('menubot_selected');
item.addClass('menubot_selected');
}

function clickMenuItem(tableid, id) {
var item = $('table#'+tableid+' img#'+id);
selectMenuItem(item);
$('table#'+tableid+' img.clicked').removeClass('clicked');
item.addClass('clicked');
}

function selectMenuItem(item) {
var src = item.attr('src');
var spl = src.split('_');
src = spl[0]+'_on.gif';
item.attr('src', src);
item.addClass('selected');
}

function deselectMenuItem(tableid) {
var items = $('table#'+tableid+' img.selected');
items.each(function(index) {
if(!$(this).hasClass('clicked')) {
var src = $(this).attr('src');
var spl = src.split('_');
src = spl[0]+'_off.gif';
$(this).attr('src', src);
$(this).removeClass('selected');
}
});
}

function getOnImage(source) {
var spl = source.split(/\./);
var ext = '.'+spl[1];
var newName = spl[0].replace('_off', '_on')+ext;
return newName;
}

function makeMenu(tableId){
var imgs = $('table#'+tableId+' img.menuItem');
var array = [];
imgs.each(function(idx){
var on = getOnImage($(this).attr('src'));
var img = new Image();
img.src = on;
array.push(img);
});
imgs.bind({
mouseover: function(evt) {
if(!$(this).hasClass('clicked')) {
deselectMenuItem();
selectMenuItem($(this));
}
}
,mouseout: function(evt) {
if(!$(this).hasClass('clicked')) {
deselectMenuItem(tableId);
}
}
});
}

$(document).ready(function(){
makeMenu('menu');
makeMenu('menucat');
});