$(document).ready(function() {

    var show_on_out_id = 'panel_c1';    
    var currently_showing = 'panel_c1';    
    //show the initial panel
    $('#'+currently_showing).show();

    $('ul.panel_nav').mouseover(function(event) {
      var elTarget = event.target;
      
      if('a' != elTarget.tagName.toLowerCase()) {
        return;
      }
      
      var command = elTarget.id.split('-')[0];
      var target = elTarget.id.split('-')[1];

      if(target == currently_showing) {
        return;
      }	
      
      $('#'+currently_showing).hide();
      
      $('#'+target).show();
      currently_showing = target;
      
    });

    $('ul.panel_nav').mouseout(function(event) {
      
      $('#'+currently_showing).hide();
      currently_showing = 'panel_c1';
      $('#'+currently_showing).show();
      
    });

    $('ul.panel_nav a').click(function(event) {
        event.preventDefault();
      
    });
  
  });