title: Modify FullCalendar into a Mobile Version
body: <p>I want to tweak it to my needs to fill the calendar with events and have its monthview modified into something like the Calendar on an IPhone (big cells that are colored when they have events).</p>
  
  <p>If I modify the <code>.fc-day-number</code> css-class, I'll probably make the day numbers bigger. The real deal for me is to understand the script so that I can remove the event-bars and add them as background colors of the day-cells. (Controled over the color option of the event)</p>
  
  <p>If a day is clicked it will create a list of events under the calendar to click onto and edit them or add new events and a bunch of other things which are interacting with the database. </p>
  
  <p>If someone is interested I would be happy if he/she gets me a helping hand ;-)</p>
  
  <p>EDIT:</p>
  
  <p>I wrote that I wanted to add the events as background color to the days. So I tried to understand the code from arshaw and how he adds the event to the month view of the calender.</p>
  
  <p>In row 4590 in the function <code>daySegHTML(segs)</code> he writes the event div/html data but without the height, only the width and the horizontal position.</p>
  
  <p>He does that in row 4842 in the function <code>daySegSetTops(segs, rowTops)</code> where <code>seg.top</code> is the top in the daycell, <code>rowTops[seg.row]</code> is the top in the calender div and <code>seg.row</code> is the weekrow (0 to 5).</p>
  
  <p>With <code>seg.start.getDay()</code> by <code>daySegHTML()</code> you get the day cell in a week row. I used that to get the classname in the <code>tr</code> element to add the event.</p>