// JavaScript Document
$(document).ready(function() {
   	// do stuff when DOM is ready
	$('#Content').css('min-height','700px');
  	Dropdownspan = $(document.createElement('span'));
	Dropdownspan.addClass('Dropdown RightArrow').bind('click',Dropdown);


	$("li.Droppable").prepend(Dropdownspan).find('ul').hide();

	function Dropdown(event)
	{
		var Span = $(event.target);

		Drop = Span.parent().find('ul');
	
		if(Span.hasClass('RightArrow'))
		{
			Span.removeClass('RightArrow').addClass('DownArrow');
			Drop.show('fast');
			return;
		}
		
		if(Span.hasClass('DownArrow'))
		{
			Span.removeClass('DownArrow').addClass('RightArrow');
			Drop.hide('fast');
			return;
		}
	  }
  
});
