document.observe("dom:loaded", function() {
	// initially hide all info texts
	var infoTexts = $$('#customer_container ul.customers .info'); 
	infoTexts.invoke('hide');
	
	// when clicking a customer name, show its info text
	var customerNames = $$('ul.customers .name');
	customerNames.each(function(item) {
			Event.observe(item, 'click', function(event) {
				// close any other open item
				customerNames.each(function(otherItem) {
					if (otherItem.hasClassName('on') && otherItem !== item) {
						otherItem.next().toggle('slide');
						otherItem.toggleClassName('on');
					}
				});
				// toggle the clicked item
				item.next().toggle('slide');
				item.toggleClassName('on');
			});
			
		});
		
	$$('#customer_container ul.customers li').each(function(item) {
		item.setStyle({
			listStyleImage:'url(/wp-content/themes/videoplaza/images/flags/png/' + item.classNames() + '.png)',
			cursor: 'pointer',
			clear: 'left'
		});
	});
});