var leftBtn = new Image();
leftBtn.src = "img/larrow.gif";

var leftBtnA = document.createElement('A');
leftBtnA.href = '#';
leftBtnA.onclick = function () { displayInfo(previewArray, choosePrev(previewArray, onDisplay)); return false; }

leftBtnA.appendChild(leftBtn);

var rightBtn = new Image();
rightBtn.src = "img/rarrow.gif";

var rightBtnA = document.createElement('A');
rightBtnA.href = '#';
rightBtnA.onclick = function () { displayInfo(previewArray, chooseNext(previewArray, onDisplay)); return false; }

rightBtnA.appendChild(rightBtn)









function toggleId (itemId)
{
	
	if (document.getElementById(itemId).style.display == 'none' || document.getElementById(itemId).style.display === '')
	{
		document.getElementById(itemId).style.display = 'block';
	}
	else
	{
		document.getElementById(itemId).style.display = 'none';
	}
	


}








function preloadImg (imageSrcArr)
{
	
	var images = Array();
	
	for (x = 0; x < imageSrcArr.length; x++)
	{
		
		images[x] = new Image();
		
		images[x].src = imageSrcArr[x];
	
	
	}
}









function chooseNext (itemArray, positionInt)
{

	
	
	var y = 0;
	if (positionInt == itemArray.length - 1)
	{
	}
	else
	{
		
		y = positionInt + 1;
		
	}
	
	return y;

}





function choosePrev (itemArray, positionInt)
{

	var y = 0;
	if (positionInt == 0)
	{
		y = itemArray.length - 1;
		
	}
	else if (positionInt == 1)
	{
		
	}
	else
	{
		y = positionInt-1;
		
	}

	return y;
	
}







function displayInfo (prevArr, arrPosition)
{
	
	
	
	document.getElementById("prevh1").innerHTML = prevArr[arrPosition][0];
	document.getElementById("prevh2").innerHTML = prevArr[arrPosition][1];
	document.getElementById("prevh3").innerHTML = prevArr[arrPosition][2] + "<br /><br />" + prevArr[arrPosition][3];
	document.getElementById("previewimg").src = prevArr[arrPosition][4];
	
	document.getElementById("prevInfo").href = prevArr[arrPosition][5];
	onDisplay = arrPosition;
	
	removePrevChildren("prevlist");
	buildPrevList(prevArr, onDisplay);
	
	
	
}






function removePrevChildren (elementId)
{
	
	var listRef = document.getElementById(elementId);
	
	var listCount = listRef.childNodes.length;
	
	for (x = 0; x < listCount; x++)
	{
		
		document.getElementById(elementId).removeChild(listRef.lastChild);
	
	}


}









function buildPrevList (listArray, position) 
{

	
	
	var elemList = [];
	
	var btnli = document.createElement('LI');
	btnli.appendChild(leftBtnA);
	
	
	elemList[0] = btnli;
	
	for (var li,a,x = 0; x < listArray.length; x++)
	{
		li = document.createElement('LI');
		
		if (x == position)
		{
			li.appendChild(document.createTextNode(x+1));
		
		}
		else
		{
		
			
			a = document.createElement('A');
		
			a.href = '#';
			a.nu=x;
			a.onclick = function() { displayInfo(listArray, parseInt([this.nu])); return false; };
		
			a.appendChild(document.createTextNode(x+1));
		
			li.appendChild(a);
		}
			
			elemList[x+1] = li;
		
		
	}
	
	var rbtnli = document.createElement('LI');
	rbtnli.appendChild(rightBtnA);
	
	elemList[elemList.length] = rbtnli;
	
	

	
	for (x = 0; x < elemList.length; x++)
	{
		
		document.getElementById("prevlist").appendChild(elemList[x]);
	
	}

}


function displayEvents (array)
{

	removePrevChildren ("eventslist");
	
	for (var x = 0; x < array.length; x++)
	{
	
		var li = document.createElement('LI');
		var a1 = document.createElement('A');
		
		var a2 = document.createElement('A');
		
		var title = document.createTextNode(array[x][1] + ' - ' + array[x][0] + ' - ' + array[x][3].replace(/&pound;/g, "\u00A3"));
		var br1 =  document.createElement('BR');
		var br2 = document.createElement('BR');
		var more = document.createTextNode("more details");
		var string = array[x][6].substring(0, 300);
		
		if (array[x][6].length > 300) { string += "..."; }
		
		var img = new Image();
		img.src = array[x][4];
		
		a1.href = 'concerts/event.php?id=' + array[x][5];
		a2.href = 'concerts/event.php?id=' + array[x][5];
		
		a1.appendChild(img);
		a1.appendChild(title);
		a2.appendChild(more);
		
		li.appendChild(a1);
		li.appendChild(br1);
		li.appendChild(document.createTextNode(string));
		li.appendChild(br2);
		li.appendChild(a2);
		
		document.getElementById('eventslist').appendChild(li);
		
	}


}

function showArchive ()
{
	displayEvents(archiveArray);
	removePrevChildren("eventchoice")
	
	var li1, li2, li3, a, button;
	
	li1 = document.createElement('LI');
	li2 = document.createElement('LI');
	li3 = document.createElement('LI');
	
	a = document.createElement('A');
	
	a.href = "#";
	
	a.onclick = function () { showUpcoming(); return false; };
	
	a.appendChild(document.createTextNode("Upcoming Events"));
	
	button = document.createElement('INPUT');
	
	button.type = "text";
	button.id = "eventsearchbox";
	button.name = "searchbox";
	button.value = "Search Events";
	button.onfocus = function () { if (this.value == 'Search Events') { this.value = '';} };
	button.onblur = function () { if (this.value === '') { this.value = 'Search Events'; } };
	
	li1.appendChild(a);
	li2.appendChild(document.createTextNode("Archive Events"));
	li3.appendChild(button);
	
	document.getElementById("eventchoice").appendChild(li1);
	document.getElementById("eventchoice").appendChild(li2);
	document.getElementById("eventchoice").appendChild(li3);
	



}
function showUpcoming ()
{
	displayEvents(upcomingArray);
	removePrevChildren("eventchoice")
	
	var li1, li2, li3, a, button;
	
	li1 = document.createElement('LI');
	li2 = document.createElement('LI');
	li3 = document.createElement('LI');
	
	a = document.createElement('A');
	
	a.href = "#";
	
	a.onclick = function () { showArchive(); return false; };
	
	a.appendChild(document.createTextNode("Archive Events"));
	
	button = document.createElement('INPUT');
	
	button.type = "text";
	button.id = "eventsearchbox";
	button.name = "searchbox";
	button.value = "Search Events";
	button.onfocus = function () { if (this.value == 'Search Events') { this.value = '';} };
	button.onblur = function () { if (this.value === '') { this.value = 'Search Events'; } };
	
	li2.appendChild(a);
	li1.appendChild(document.createTextNode("Upcoming Events"));
	li3.appendChild(button);
	
	document.getElementById("eventchoice").appendChild(li1);
	document.getElementById("eventchoice").appendChild(li2);
	document.getElementById("eventchoice").appendChild(li3);
	



}

function showSearchResults (array)

{
	
	var string = document.getElementById('eventsearchbox').value;
	
	string = string;
	var results = Array();
	
	for (var x = 0; x < array.length; x++)
	{
	
		if ((array[x][0].search(new RegExp(string, "i")) >= 0) || (array[x][6].search(new RegExp(string, "i")) >= 0))
		{
			
			results[results.length] = array[x];
		}
		
		
			
	}
	
	displayEvents(results);


}