// event list control

// needs:
// ID = eventlist - a table of rows of event pictures and links

// Event type
var EVENT_ALL = 0;
var EVENT_HIKE = 1;
var EVENT_CYCLE = 2;
var EVENT_SOCIAL = 3;
var EVENT_SNOW = 4;
var EVENT_PADDLE = 5;
var EVENT_WORK = 6;

// 2D array of event type & row
var eventType = [];

function eventAdd (picture, title, desc, link, type)
{
	var events = document.getElementById ("eventlist");
	var NextRow = events.rows.length;
	var row = events.insertRow(events.rows.length);
	eventType[NextRow] = new Array (type, row);
	
	// photo (left)
	var cellLeft = row.insertCell(0);
	var i = document.createElement("img");
	i.setAttribute ("src", picture);
	cellLeft.appendChild(i);
  
	// description & link (right)
	var cellRight = row.insertCell(1);
	var s1 = document.createElement("strong");
	var t1 = document.createTextNode(title);
	s1.appendChild(t1);
	cellRight.appendChild(s1);
	var p1 = document.createElement ("p");
	p1.appendChild (document.createTextNode (desc));
	p1.appendChild (document.createElement ("br"));
	var a1 = document.createElement ("a");
	a1.setAttribute ("href", link);
	a1.appendChild(document.createTextNode("more photos..."));
	p1.appendChild (a1);
	cellRight.appendChild (p1);
  }
 
function eventShow (type)
{
	var i;
	for (i = 0; i < eventType.length; i++)
	{
		if ((type == EVENT_ALL) | (eventType[i][0] == type))
			eventType[i][1].style.display = "";
		else
			eventType[i][1].style.display = "none";
	}	
}
 
function eventAll()
{
	eventShow (EVENT_ALL);
}
  
function eventHike()
{
	eventShow (EVENT_HIKE);
}
  
function eventCycle()
{
	eventShow (EVENT_CYCLE);
}
  
function eventPaddle()
{
	eventShow (EVENT_PADDLE);
}
  
function eventSnow()
{
	eventShow (EVENT_SNOW);
}
  
function eventSocial()
{
	eventShow (EVENT_SOCIAL);
}
  
function eventWork()
{
	eventShow (EVENT_WORK);
}