conflict with menus

I have a problem I am hoping someone can help me with.

I have a site that uses a css menu with code I grabbed from another site so that when you mousover a menu item it changes from the field Title to the field name so that I can show hebrew on the mousover of the top menu level items.

The problem is that when nextgen photo gallery is active, that function stops working. I turn it off and the menus work again. Can anyone take a look at the code below and suggest what I can change to make it work along side the nextgen photo plugin please?

<!–start menu–>
<table cellspacing=0 cellpadding=0 border=0 width=960><tr><td>

<div class=”cf-block”><style type=”text/css”>
@charset ‘UTF-8’;
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
border: 0;
margin: 0;
padding: 0;
position: relative;
}
#cssmenu {
background-image:url(<?php echo get_template_directory_uri(); ?>/images/bar.png);
font-weight: 600;
height: 46px;
width: 960px;
margin:auto;
position:relative;z-index:100;
}

#cssmenu:after,

#cssmenu a {
color: #FFFFFF;
display: block;
font-weight: normal;
font-family: Gotham, “Gill Sans”, “Gill Sans MT”, “Myriad Pro”, “DejaVu Sans Condensed”, Helvetica, Arial, sans-serif;
font-size: 16.5px;
font-variant: small-caps;
line-height: 46px;
padding-left: 20.5px;
padding-right: 20.5px;
text-decoration: none;
width:auto;
height: 46px;
}
#cssmenu ul {
list-style: none;
box-shadow: inset 0 1px 0 whitesmoke;
-moz-box-shadow: inset 0 1px 0 whitesmoke;
-webkit-box-shadow: inset 0 1px 0 whitesmoke;
width:960px;
}

#cssmenu > ul > li {
float: left;
height: 46px;
text-align:center;
}
#cssmenu > ul > li:first-child a {
font-family: Gotham, “Gill Sans”, “Gill Sans MT”, “Myriad Pro”, “DejaVu Sans Condensed”, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size:16.5px;
}
#cssmenu > ul > li.active a,
#cssmenu > ul > li:hover > a {
height: 46px;
font-weight: normal;
font-size: 16.5px;
background-color: #45648c;
color: white;
}

#cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
text-align:left;
}
#cssmenu .has-sub ul li a {
font-family: Gotham, “Gill Sans”, “Gill Sans MT”, “Myriad Pro”, “DejaVu Sans Condensed”, Helvetica, Arial, sans-serif;
font-weight: normal;
/* font-size:16.5px; */
font-size:16.5px;
background-color: #0d3364;
height: 46px;
color: white;
display: block;
line-height: 46px;
padding-left: 10px;
font-variant:small-caps;
}
#cssmenu .has-sub ul li:hover a {

height: 46px;
background-color: #45648c;
color: white;
}
#cssmenu .has-sub .has-sub:hover > ul {
display: block;
height: 46px;
background-color: #0d3364;
}
#cssmenu .has-sub .has-sub ul {
background-color: #0d3364;
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
background-color: #0d3364;
/* background: #606f7f;*/
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
height: 46px;
}
#cssmenu .has-sub .has-sub ul li a:hover {
height: 46px;
background-color: #45648c;
color: white;
}
#cssmenu > ul > li > ul > li > a{
}
</style>

<script>
$(document).ready(function() {
$(“.menuitem”).mouseover(function() {
$(this).find(“.menuitemlink”).text($(this).attr(“name”));
});
$(“.menuitem”).mouseout(function() {
$(this).find(“.menuitemlink”).text($(this).attr(“title”));
});
});
</script>

<div id=”cssmenu”>

<li class=”menuitem has-sub” name=”אודות” style=”width: 80px;” title=”About”>
<span>About</span>

• <span>About Kadimah</span>
• <span>Kadimah’s History</span>
• <span>Mission and Philosophy</span>
• <span>Leadership and Staff</span>
• <span>Faculty</span>
• <span>Why Choose a Day School</span>
• <span>Why Choose Kadimah</span>

<li class=”last”><span>Working at Kadimah</span>

<li class=”menuitem has-sub” name=”והשכלה חיניך” style=”width: 120px;” title=”Education”>
<span>Education</span>

• <span>Academics</span>
• <span>Early Childhood</span>
• <span>Elementary & Middle School</span>
• <span>Judaic Studies</span>

<li class=”last”><span>Extended Day</span>

<li class=”menuitem has-sub” name=”הרשמה” style=”width: 100px;” title=”Admissions”>
<span>Admissions</span>

• <span>How to Apply</span>
• <span>Request Info or a Tour</span>
• <span>Admissions Calendar</span>
• <span>Open House</span>
• <span>Tuition and Financial Aid</span>
• <span>Transportation</span>
• <span>Health</span>
• <span>Hebrew</span>

<li class=”last”><span>Admissions FAQ</span>

<li class=”menuitem has-sub” name=”להורים מידע” style=”width: 120px;” title=”Parents”>
<span>Parents</span>

• <span>Parent Portal</span>
• <span>Calendar</span>
• <span>Committees</span>
• <span>Forms and Links</span>
• <span>PTO</span>

<li class=”last”><span>Volunteer Opportunities</span>

<li class=”menuitem has-sub” name=”חברתי הווי” style=”width: 135px;” title=”Student Life”>
<span>Student Life</span>

• <span>Extracurriular Activities</span>
• <span>Jewish Life</span>
• <span>Enrichment</span>
• <span>Student Services</span>
• <span>Student Council</span>

<li class=”last”><span>Extended Day</span>

<li class=”menuitem has-sub” name=”וארועים מדיה” style=”width: 160px;” title=”Media & Events”>
<span>Media & Events</span>

• <span>Events Calendar</span>
• <span>Awards & Honors</span>
• <span>Press Releases</span>
• <span>In the Media</span>
• <span>What’s Happening</span>
• <span>Newsletters</span>
• <span>Publications</span>

<li class=”last”><span>Photo Galleries</span>

<li class=”menuitem has-sub” name=”קדימה קהילת” style=”width: 130px;” title=”Community”>
<span>Community</span>

• <span>Alumni</span>
• <span>PTO</span>
• <span>Committees</span>
• <span>Volunteer Oportunites</span>

<li class=”last”><span>Support Kadimah</span>
<li class=”last”><span>Community Partners</span>

<li class=”last menuitem” name=”צרו קשר” style=”width: 105px;” title=”Contact”>
<span>Contact</span>

</div>
</div>
</td></tr></table>
<!–End menu–>

https://wordpress.org/plugins/nextgen-gallery/