// This script hooks up all drop down header widgets on a page, provided
// they have the format:
//
// <div class="dropdownWrapper">
//    <div class="dropdownHeader">
//       ...
//    </div>
//    <div class="dropdownContent">
//       ...
//    </div>
// </div>

$(document).ready(dropDownHookup);

function dropDownHookup()
{
	var dropdowns = $('.sys_dropdownWrapper');
	var i = 0;
	
	while(i < dropdowns.length)
	{
		var dropdownWrapper = $(dropdowns[i]);
		
		var header = dropdownWrapper.children('.sys_dropdownHeader');
		
		header.attr('style', 'cursor: pointer;');
		header.bind("click", function (){

            $(this).nextAll('.sys_dropdownContent').slideToggle();

            $(this).toggleClass('up');
        });
		
		//alert(header.html() + ', ' + content.html());
		
		i = i + 1;
	}
}