multi-level of mouseover/mouseout not working

multi-level of mouseover/mouseout not working

Hi,
I am trying to build this page where there are 3 levels of icons/contents. When user hovers on 1st level, they see the 2nd level. They now hovers on the second level and suppossed to get the 3rd levels of contents.
My 1st/2nd levels worked fine.
But when I added the 3rd level, could not make them to work.

Problems: 1. the 2nd levels show up with multiple 3rd level items - suppossed to be all hidden.
2. When I hover over the 2nd level - they are like frozen if the 3rd level is displayed. After hiding all the 3rd levels by doing mouseout - when I hover over a 2nd level, 3rd level shows up but when I move over to the next (2nd level), the corresponding 3rd level shows up without hiding the previous one. So again - displays multiple 3rd level items.

Any idea what I am doing wrong?
Here is part of my code:
  1. var cr_event = $('#imgCE');
  2.         var info_center = $('#imgIC');
  3.         var tab_events = $('#tabCreateEvent');
  4.         var tab_infocenter = $('#tabInfoCenter');
  5.         //
  6.         if (tab_events.is(':visible'))
  7.         {
  8.             tab_events.hide();
  9.         }
  10.         if (tab_infocenter.is(':visible'))
  11.         {
  12.             tab_infocenter.hide();
  13.         }
  14.         cr_event.mouseenter(function(){
  15.             if (tab_events.is(':visible'))
  16.             {
  17.                 tab_events.hide();
  18.             }
  19.             if (tab_infocenter.is(':visible'))
  20.             {
  21.                 tab_infocenter.hide();
  22.             }
  23.             if (tab_events.is(':hidden'))
  24.             {
  25.                 tab_events.show();
  26.             }
  27.         })
  28.         info_center.mouseenter(function(){
  29.             if (tab_infocenter.is(':visible'))
  30.             {
  31.                 tab_infocenter.hide();
  32.             }
  33.             if (tab_events.is(':visible'))
  34.             {
  35.                 tab_events.hide();
  36.             }
  37.             if (tab_infocenter.is(':hidden'))
  38.             {
  39.                 tab_infocenter.show();
  40.             }
  41.         })
  42.         tab_events.mouseover(function(){
  43.             tab_events.show();
  44.         })    
  45.         tab_events.mouseout(function(){
  46.             tab_events.hide();
  47.         })   
  48.         tab_infocenter.mouseover(function(){
  49.             tab_infocenter.show();
  50.         })    
  51.         tab_infocenter.mouseout(function(){
  52.             tab_infocenter.hide();
  53.         })
  54. //--------------------------------------End Top Menu-------------------------------------------------
  55.         var parent1 = $('#imgHead1');
  56.         var parent2 = $('#imgHead2');
  57.         var child1 = $('#divImgH1');
  58.         var child2 = $('#divImgH2');
  59.         var childs = $('div');
  60.    
  61.         childs.hide();
  62.          
  63.         parent1.mouseenter(function(){
  64.             //hide all the childs            
  65.             if (childs.is(':visible'))
  66.             {
  67.                 childs.hide();
  68.             }   
  69.             child1.show();
  70.         })
  71.         parent2.mouseenter(function(){
  72.             //hide all the childs
  73.             if (childs.is(':visible'))
  74.             {
  75.                 childs.hide();
  76.             }            
  77.             child2.show();
  78.         }) 
  79.         child1.mouseover(function(){            
  80.             child1.show();
  81.         })  
  82.         child1.mouseout(function(){
  83.             child1.hide();
  84.         })
  85.       child2.mouseover(function(){            
  86.             child2.show();
  87.         })  
  88.         child2.mouseout(function(){
  89.             child2.hide();
  90.         })
Thanks.