//original values
var o_right_bg;
var o_right_margin;
var o_right_arrow_pos;
var o_right_width;

var o_right_content;
function set_values()  {	
	
	o_right_bg = document.getElementById("right_bg").style.backgroundImage;
	o_right_margin = document.getElementById("middle").style.marginRight;
	o_right_arrow_pos = document.getElementById("right_arrow").style.right;
	o_right_width = document.getElementById("right").style.width;

}
function hide_side(side)  {
	//unhide a side
	if(document.getElementById(side).style.visibility == 'hidden')  {
		document.getElementById(side).style.visibility = 'visible';
		document.getElementById(side).style.position = "static";

			
		if(side == 'right')  {
			document.getElementById("middle").style.marginRight = o_right_margin;
			document.getElementById('arrow_right').src = '/images/arrow_on_right.gif';
			document.getElementById("right_arrow").style.right = o_right_arrow_pos;
			document.getElementById("right").style.width = o_right_width;
			document.getElementById("right_bg").style.backgroundImage = o_right_bg;
			
			
		}

	}
	else  {
		document.getElementById(side).style.visibility = 'hidden';
		document.getElementById(side).style.width = "0";
		document.getElementById(side).style.position = "absolute";
		document.getElementById(side + "_bg").style.backgroundImage = 'url(/images/' + side + '_shrink.gif)';
		
		
	
		if(side == 'right')  {
			document.getElementById("middle").style.marginRight = "25px";
			document.getElementById('arrow_right').src = '/images/arrow_on_left.gif';
			document.getElementById("right_arrow").style.right = "8px";
			
			
		}
	
	}
	
}

function hide_text_box(box_id)  {
	//unhide a side
	if(document.getElementById(box_id).style.visibility == 'hidden')  {
		document.getElementById(box_id).style.visibility = 'visible';
		document.getElementById(box_id).style.position = "static";
		document.getElementById(box_id).style.height = "auto";

		document.getElementById(box_id + '_arrow').src = '/images/minus_sign.gif';

	}
	else  {
		document.getElementById(box_id).style.visibility = 'hidden';
		document.getElementById(box_id).style.height = "0";
		document.getElementById(box_id).style.position = "absolute";
		
		document.getElementById(box_id + '_arrow').src = '/images/plus_sign.gif';
	
	}
	
}