var events;
var firstEvents;
var displayingFirst;
var eventTable;

function initialize()
{

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

    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)
{
    var showAllLink = document.createElement("a");
    var showAllCell = document.createElement("td");
    var showAllRow = document.createElement("tr");

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

    showAllLink.innerHTML = "View More &raquo;";
    showAllLink.href = 'upcoming.php';
    showAllLink.className = 'Arial12';
    showAllCell.colSpan='2';
    showAllCell.vAlign ='top';
    showAllCell.appendChild(showAllLink);
    showAllRow.appendChild(showAllCell);

    eventTable.tBodies[0].appendChild(showAllRow);

}

function createEventNode(eventObject)
{
    var row = document.createElement("tr");
    var textCell = document.createElement("td");
    var imageCell = document.createElement("td");
    var textLink = document.createElement("span");
    var imageLink = document.createElement("span");
    var newGoImage = document.createElement("img");


    textLink.hEvent = eventObject;
    textLink.onclick = viewDescription;
    textLink.onmouseover = mouseOverPsuedo
    textLink.onmouseout = mouseOutPsuedo
    textLink.innerHTML = eventObject.event_name + "<br>" + eventObject.start_date + " - " + eventObject.end_date;
    textCell.appendChild(textLink);
    textCell.style.textAlign='right';
    textCell.className='Arial12';
    textCell.style.color = "#FFFFFF";
    textCell.width='188';
    textCell.height='45'


    imageLink.hEvent = eventObject;
    imageLink.onclick = viewDescription;
    imageLink.onmouseover = mouseOverPsuedo
    imageLink.onmouseout = mouseOutPsuedo
    newGoImage.src = goImage.src;
    imageLink.appendChild(newGoImage);
    imageCell.appendChild(imageLink);
    imageCell.width='31';

    row.appendChild(textCell);
    row.appendChild(imageCell);

    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="";
}