$(document).ready(function(){

	var tot=$('.event').length;
	
	var screenWidth = $('.events').width();

	var bord = $('.event').outerWidth() - $('.event').innerWidth();
	var padd = $('.event').innerWidth() - $('.event').width();
	var marg = $('.event').outerWidth(true) - $('.event').outerWidth();
	$('.event').width((screenWidth-(tot * (bord+padd+marg)))/tot);

	$('.eventDate').each(function(index, value) {
		var colours = ['blue', 'green', 'chreme'];
		$(this).addClass(colours[index % 3]);
	});

	$('.eventField').each(function(index, value) {
		var classStr = $(this).attr('class').split(/\s+/);
		if(classStr.indexOf('start') != -1) {
			$(this).show();
		} else if(classStr.indexOf('summary') != -1) {
			$(this).show();
		}
	});
});