$(document).ready(function() {

	$('#basic').kwicks({
		event : 'click',
		eventClose: 'click',
		max : 330,
		spacing : 5,
		completed : function(){
			addMessage('<span class="hilight">something, something,' +
			 ' something... com-plete</span>');
		}
	});

	$('#example1').kwicks({
		max: 350,
		spacing: 5
	});

	

<!-- events for demo only --->
	$('.kwicks').bind('kwicks-init kwicks-expanding kwicks-collapsing kwicks-completed', function(e, kwicks){
		addMessage('#' + kwicks.el.id + ', panel-' + (kwicks.active + 1) + ' : ' + e.type)
	})

	addMessage = function(m){
		var events = $('.eventsWindow').append( '<li>' + m + '</li>' ).find('li');
		if (events.length > 6) { events.eq(0).remove(); }
	}

});