jQuery(document).ready(function($){

  $('#panel1 .drawer').click(function(event){
	closeSubBanner(this, '#panel3');
    event.preventDefault();
    if ($(this).parent('li').hasClass('current')) {
      closeSubBanner(this, '#panel2');
    }
    else {
      openSubBanner(this, '#panel2');
    };
        
  });
  
  
	$("#panel1 ul li a").each(function () {
		text = $(this).text();
        if(text.length > 23){
			$(this).css({'padding-top': '9px', 'padding-bottom':'26px'});
		}
	});
});

function openSubBanner(e, panel){
  $('#showcase .loader').show();
  //$(e).parent('li').parent('ul').children('li').removeClass('current');
  $(".current").removeClass("current");
  $(e).parent('li').addClass('current');

  $(panel).fadeIn().load(e.href, function(){
    $('#showcase .loader').hide();

    $('#panel2 .drawer').click(function(event){
      event.preventDefault();
      openSubBanner(this, '#panel3');
    });

  });  
}

function closeSubBanner(e, panel){
  $(e).parent('li').removeClass('current');
  if (panel=='#panel2') {
    $('#panel3').fadeOut('fast', function(){$('#panel3').empty()});
  };
  $(panel).fadeOut('fast', function(){$(panel).empty()});
}