$(document).ready(setupFundraisingIdeas);

function setupFundraisingIdeas(){

	$("dl").before("<div id='idea_nav'><ul id='idea_titles'></ul></div>");

	$("dt").each(function(i){
		$(this).attr("id", "idea_" + i);
		idea_title = $(this).html().toLowerCase();
		item_id = idea_title.replace(/<span>/g, "").replace(/<\/span>/g, "").toLowerCase().replace(/ /g, "").replace(/&nbsp;/g, "").replace(/!/g, "");
		$("ul#idea_titles").append("<li id='icon_" + item_id + "'><a id='fr_" + i + "' href='#idea_"+i+"'>" + idea_title + "</a></li>");
	});
	
	$("dt, dd").css("display", "none");
	$("dt:first, dd:first").css("display", "block");
	$("ul#idea_titles li a:first").addClass("idea_selected");

	more_ideas_list = $("ul#more_ideas");
	$("ul#more_ideas").css("display", "none");
	$("ul#idea_titles").after(more_ideas_list);
	$("ul#more_ideas:first").attr("id", "more_ideas2");
	$("ul#more_ideas2").css("display", "block");

	
	$("ul#idea_titles li a").click(function(){
	  $(".idea_selected").removeClass("idea_selected");
	  $(this).addClass("idea_selected");
		idea_number = $(this).attr("id").substring(3);
		$("dt, dd").css("display", "none");		
		$("dt#idea_" + idea_number).css("display", "block");
		$("dt#idea_" + idea_number).next().css("display", "block");
		return false;
	});

}