var rollovercolor = "#000000";
var rolloutcolor = "#000000";

$(function(){
	$(".roll_item").each(function(){
		slideBox($(this));
	});
});

function slideBox(boxitem){
	var slideout = false;
	$(boxitem).find(".roll_item_header").css("color",rolloutcolor);
	
	$(boxitem).find(".roll_item_header").hover(function(){
               $(this).css("color",rollovercolor);
			   $(this).css("fontWeight","bold");
    },function(){
               $(this).css("color",rolloutcolor);
			   $(this).css("fontWeight","normal");
     });
	
	$(boxitem).find(".roll_item_header").click(function(){
		
		if ($(boxitem).attr("slideout") == "true")return;
		
		$(".roll_item[slideout='true']").each(function(){
			$(this).find(".roll_item_body").slideUp(500);
			$(this).attr("slideout","false");
		});
		$(boxitem).attr("slideout","true");
		$(boxitem).find(".roll_item_body").slideDown(500);
		
	});
}
