var events;
var firstEvents;
var displayingFirst;
var eventTable;
var rowCount = 0;

function initialize()
{

    events = new Array();
    firstEvents = new Array();
    displayingFirst = false;
    eventTable = document.getElementById("eventTable");
    rowCount = 0;

    for(var i =0;(currEvent = document.getElementById("first_event_" + i)) !== null ;i++)
        firstEvents.push(createEventNode(currEvent)); 

    for(i=0;(currEvent = document.getElementById("event_" + i)) !== null ;i++)
        events.push(createEventNode(currEvent));

    displayEvents(true);
}

function displayEvents(displayFirst)
{
     for(var i=0;i<firstEvents.length;i++)
        eventTable.tBodies[0].appendChild(firstEvents[i]);

    for(var i=0;i<events.length;i++)
        eventTable.tBodies[0].appendChild(events[i]);



}

function createEventNode(eventObject)
{
    var row = document.createElement("tr");
    var textCell = document.createElement("td");
    var dateCell = document.createElement("td");
    var dateNode = document.createTextNode(eventObject.start_date + " - " + eventObject.end_date );
    var textLink = document.createElement("span");



    textLink.hEvent = eventObject;
    textLink.onclick = viewDescription;
    textLink.onmouseover = mouseOverPsuedo
    textLink.onmouseout = mouseOutPsuedo
    textLink.innerHTML = eventObject.event_name;
    textCell.appendChild(textLink);
    dateCell.style.textAlign = 'right';
    dateCell.className = 'Arial12';
    textLink.className = 'Arial12B';
    dateCell.appendChild(dateNode);

    if(rowCount++ % 2 == 0)
        row.style.backgroundColor = '#E2E2E2';

    row.appendChild(textCell);
    row.appendChild(dateCell);

    return row;
}

function viewDescription()
{

    document.getElementById("description_name").value = this.hEvent.event_name;
    document.getElementById("description_date").value = this.hEvent.start_date + " - " + this.hEvent.end_date;
    document.getElementById("description_location").value =
        this.hEvent.description_location;

    document.getElementById("event_description").submit();

}

function mouseOverPsuedo()
{
    this.style.cursor = "hand";
    this.style.textDecoration = "underline";
}

function mouseOutPsuedo()
{
    this.style.cursor="";
    this.style.textDecoration="";
}