// wow, 6 hours of headache for a dozen lines of code
Event.observe(window ,'load', function() 
{ // initially hide all containers for photo content
  turnEmAllOff()
	var items = $$('#supply>ul>li')
	items.invoke('observe','click',watcher)
} )


function watcher(a)
{
 	if(a.target.tagName == 'SPAN')
 	{
 	turnEmAllOff()
 	a.target.className='active';
 	a.target.next('ul').toggle();
 	}
}

function turnEmAllOff()
{ 
	$$('#supply>ul>li span').each(function(e){e.className=''})
	$$('ul.photos').invoke('hide');
}



// utility functions

function printr(a)
{
	for(var x in a){ console.log(x,' => ', a[x]); }
}