$(document).ready(function(){
							   
	var faq_dt_els = $('#faq dt');
	if(faq_dt_els.length > 0) {
		
		swapFaqPageElements(faq_dt_els);
		
		var hr_el = $('#body_copy hr').hide(); // kill all HR elements//
		var dt_el = faq_dt_els.parent('dl').hide(); // kill the DL element.
		
		// add UL css
		$('#body_copy > ul').addClass('enh');
		// add restore link
		var h3_el = $('#body_copy > h3');
		var el = $('<a></a>')
			.attr({'href':'#'})
			.html('Show Full Expanded View')
			.click(function(){
				$('#body_copy > ul').removeClass('enh');
				hr_el.show();
				dt_el.show();
				
				//$('div.collapible').each(function(){
					//this.previous('a').click(function(){return true;});
				// };
			});
		//$(h3_el[0]).append(el);

		//var h3_el = $('#body_copy h3')[0];
		//alert(h3_el.length);
		//$('#body_copy > h3')[0].append($('<a></a>');//.html('Show Full Expanded Version').attr({'href':'javascript:void(0)'}));
	}
	});
function swapFaqPageElements(dt_els){
		dt_els.each(function(z){
			// grab the DT element, a/k/a/ "this" (because i'm too lazy to figure out how to reference self)
			var el = $(dt_els[z]);
			
			// grab the text from the associated DD item
			var the_text = el.next('dd').html();
		
			// grab the faq item that LINKS to here. this is the ul>li>a that links to #faq-1, #faq-2, etc...
			var faq_q = $('li a[href=#'+el.attr('id')+']');
		
			//create new element to hold text and then we'll drop it right next to the faq_q element
			var new_el_atts = {
				'class':'collapsible' // this is all the atts we need
			};
			var new_el = $('<div></div>') // make the div
				.attr(new_el_atts) // set atts
				.html(the_text) // set html
				.css({ // set css to hide it
					'display':'none',
				});
		
			// drop the new item into the LI which is a parent of the faq_q el
			faq_q.parent('li').append(new_el);
			faq_q.attr({
					'href':'javascript:void(0)', // swap out & kill the href action
					'onclick':'return false'
				})
				.click(function(){
					// attach the jquery slideToggle doodad to the faq_q el
					new_el.slideToggle('slow',function(){});
				})
				.addClass('collapsible_toggle') // give it collapsible_toggle class
				.toggle( // set up our toggle function to either add or remove the "active" class
						function(){faq_q.addClass('active');},
						function(){faq_q.removeClass('active');}//.css({'margin-bottom':'10px'});}
				);			
			// we out.
		});	
}