$(document).ready(function() {
	
	var curForm;
	var curButton;
	
	$('.btn').each(function(i,e) {
		$(e).append("<span></span>");
	});
	
	$('[rel=sidebar]').each(function(i,e) {
		$(e).wrap('<div class="sidebar-content" />');
		$(e).parent().append('<div class="sidebar-form-holder"></div>');
		$(".sidebar-form-holder").attr("testAttribute","test");
	});
	
	$('#article-content').fadeOut(0);
	
	$('#article-listing a').bind('click',function(e) {
		
		if ($(this).attr("target") == "_top") {
	
			e.preventDefault();
		
			$("#article-content").load($(this).attr("href"),function(){
				$("#article-listing").fadeOut(800,function(){
					$("#article-content").fadeIn(800);
				});
			});
			
		}		
	
	});
	
	$('[rel=sidebar]').bind('click',function(e) {
		
		e.preventDefault();
		
		/* 
		// use this script to close any open forms before opening another
		if (curForm != null) {
			
			// set old form/button
			var oldForm = curForm;
			var oldButton = curButton;
		
			// hide form
			$(oldForm).fadeOut(800,function() {

				// empty
				$(oldForm).html("");

				// show button
				$(oldButton).fadeIn(800);

			});
			
		}
		*/
		
		// get the form holder
		var myForm = $(this).next(".sidebar-form-holder");
	
		// get the button
		var myButton = $(this);
	
		// set current form and button
		curForm = myForm;
		curButton = myButton;
	
		// load the requested form
		$(myForm).load($(this).attr("href"),function(){
		
			$(myButton).fadeOut(800);
			$(myForm).fadeIn(800);
		
		});
		
	});
	
});