$(document).ready(function() {
	
        $('#drop_down').hide();

		$("h3#bar").click(function () {
			if ($("#drop_down").is(":hidden")) {
				/* Added by Ewa Skibinska 7/04/2009 */
				// Hide all of the elements with a class of 'toggle' - if remained opened on the recent slidedrop down  up
				$('.toggle').slideUp();
				$('span.toggleLink').text(showText);
				$('span.toggleLink').removeClass("show");
				$('span.toggleLink').addClass("hide");
				/* /Added by Ewa Skibinska 7/04/2009 */
				
				$("#drop_down").slideDown("slow");
				$("h3#bar span").addClass("down");
				$("h3#bar span").removeClass("up");
			} else {
				$("#drop_down").slideUp("fast");
				$("h3#bar span").removeClass("down");	
				$("h3#bar span").addClass("up");
			}
		});
		
		$("div#drop_down ul li:last-child").addClass("last");
		$("div#drop_down h4:last-child").addClass("last");
		
		// choose text for the show/hide link
		var showText=".";
		var hideText=",";

		// append show/hide links to the element directly preceding the element with a class of "toggle"
		$(".toggle").prev().append('<span class="toggleLink">'+showText+'</span>');

		// hide all of the elements with a class of 'toggle'
		$('.toggle').slideUp();

		// capture clicks on the toggle links
		$('span.toggleLink').click(function() {

		// change the link text depending on whether the element is shown or hidden
		if ($(this).text()==showText) {	
			// $(this).parent().next().text() - this h4 ul.toggle inner text
			
			//alert( $(this).parent().next().wrapAll() );
			//$(this).parent().next().wrapAll()
			//$(this).prev().next().text(hideText);
			
			/* Added by Ewa Skibinska 7/04/2009 */
			// Hide all of the elements with a class of 'toggle' - indepenently of the image button
			$('span.toggleLink').text(showText);
			$('span.toggleLink').removeClass("show");
			$('span.toggleLink').addClass("hide");
			/* /Added by Ewa Skibinska 7/04/2009 */
			
			$(this).text(hideText);
		}
		else {			
			$(this).text(showText);
		}
		
		if ($(this).text()==hideText) {
			/* Added by Ewa Skibinska 7/04/2009 */
			// Hide all of the elements with a class of 'toggle' - indepenently of the image button
			$('.toggle').slideUp();
			/* /Added by Ewa Skibinska 7/04/2009 */
		
			$(this).removeClass("hide");
			$(this).addClass("show");
		}
		
		else if ($(this).text()==showText) {
			
			$(this).removeClass("show");
			$(this).addClass("hide");
		}
		else {	
		$(this).addClass("show");	
		}
		
		// toggle the display
		$(this).parent().next('.toggle').toggle('slow');
		// return false so any link destination is not followed
		return false;

		});

      });