// jquery: show/hide text (Episode summaries)
$(document).ready(function($) {

	$('.ep_showhide').hide();
	
	$('.episode:odd').css('background-color','#f3ebbe');

	$('.ep_showhide_click').prepend('<span class="ep_showhide_plus">[&#177;]</span> ');
	
	$('h2.ep_year').after('<p class="ep_showhide_all ep_showhide_plus">[&#177;] Show/Hide All</p>');
	
	$('#ep_coming').before('<div id="showhide_info">(Click [&#177;] below to show/hide Epsiode summaries.)</div>');
	
	$('#content').append('<div id="showhide_info">(Click [&#177;] above to show/hide Epsiode summaries.)</div>');
 	
 	$('.ep_showhide_plus').hover(
 		function() {
    		$(this).removeClass('ep_showhide_plus').addClass('ep_showhide_plus_hover');
    		window.status = 'Click to Open/Close Episode summaries.'; return true;
  		},
  		function () {
    		$(this).removeClass('ep_showhide_plus_hover').addClass('ep_showhide_plus');
    		window.status = ''; return true;
  		}
	);
 	
	$('.ep_showhide_plus').click(
		function(ev) {
			var id = $(ev.target).parent().attr('id');
			$('#' + id + '_t').toggle();
 		}
 	);
 	
 	$('.ep_showhide_all').click(
		function() {
			$('.ep_showhide').toggle();
 		}
 	);

});