$(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(); } }); $('.eventEl').click(function() { showWindow($(this)); }) }); function showWindow(data) { var title = $('.summary',data).text(); var body = $('.description',data).html(); if(body == null) { body = 'no description available'; } $('