$(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();
                }
        });
});