var lstview_i;
var lstview_j;
var lstview_row;
var StartingRow = 0;
var strTable = '';
var orgEndingRow;
var strFilterByMonth = 'All';
var arrDataByMonth;
var NoResults = 1;
var initNumRes = 20;
var HomeAwayAll = 'home';
var RowColorChecker = 0;
var HOmeAwayAll_calview = '0'; 
var FilterByVenue = 'All';
var VenueDropDown = '';
var FirstTimeVenueCounter = 0;

function createVenueDropdown() {
	VenueDropDown = VenueDropDown.replace(" selected","");
	VenueDropDown = VenueDropDown.replace('<option value="' + FilterByVenue + '">', '<option value="' + FilterByVenue + '" selected>');
	
	if(FirstTimeVenueCounter == 0)
	{
		var varr = new Array();
		var zstr='';
		for(lstview_i=0;lstview_i<lstview_rows;lstview_i++)
		{
			lstview_row = ticketArray[lstview_i].length;
			var cv = ticketArray[lstview_i][lstview_row-1];
			if (zstr.indexOf(cv) <0) {
				var narr = new Array ([cv]);
				varr = varr.concat(narr);
				zstr = zstr + cv;
			}
		}
		varr.sort();
		VenueDropDown = '<select id="FilterByVenue" onchange="doVenueFilter();" class="filterbymonth">';
		VenueDropDown += '<option value="All">All</option>';
		for(lstview_i=0;lstview_i<varr.length;lstview_i++)
		{
			VenueDropDown += '<option value="' + varr[lstview_i] + '">';
			VenueDropDown += varr[lstview_i] + '</option>';
		}
		VenueDropDown += '</select>';
		FirstTimeVenueCounter = 1;
	}
}

function CrateTable()
{
	var allresults = false;
	if ('All' == initNumRes) {
		allresults = true;
		initNumRes = ticketArray.length;
	}
	NumberOfPages = initNumRes;
	strTable = '';

	strTable += '<div id="cal"><table border="0" cellpadding="0" cellspacing="0" width="100%" valign=\"top\" class="tabbg"><tr><Td>';
	
	if(TabActive)
	{
		strTable += '<table border="0" cellpadding="0" cellspacing="0" width="100%">';
		strTable += '<tr><td height=22 colspan=7></td><td rowspan=2 align="left" valign="top" class="boldtext"><input type="radio" name="viewcheck" checked> List View <br><input type="radio" onclick="javascript:showCalendar()" name="viewcheck"> Calendar View&nbsp;</td></tr>';
		strTable += '<tr>';
		strTable += '';
		if(HomeAwayAll == 'home')
		{
			strTable += '<td width="120" height="23" align="center" class="seltab'+TableColor+'"><a href="javascript:void(0);" onclick="javascript:SelectedTab(\'home\');" class="seltab'+TableColor+'">HOME GAMES</a></td>';
			strTable += '<td width="5" align="center" class="tabbg">&nbsp;</td>';
			strTable += '<td width="120" align="center" class="tab'+TableColor+'"><a href="javascript:void(0);" onclick="javascript:SelectedTab(\'away\');" class="tab'+TableColor+'">AWAY GAMES</a></td>';
			strTable += '<td width="5" align="center" class="tabbg">&nbsp;</td>';
			strTable += '<td width="120" align="center" class="tab'+TableColor+'"><a href="javascript:void(0);" onclick="javascript:SelectedTab(\'all\');" class="tab'+TableColor+'">ALL GAMES</a></td>';
			strTable += '<td align="center" class="tabbg">&nbsp;</td>';
		}
		else if(HomeAwayAll == 'away')
		{
			strTable += '<td width="120" height="23" align="center" class="tab'+TableColor+'"><a href="javascript:void(0);" onclick="javascript:SelectedTab(\'home\');" class="tab'+TableColor+'">HOME GAMES</a></td>';
			strTable += '<td width="5" align="center" class="tabbg">&nbsp;</td>';
			strTable += '<td width="120" align="center" class="seltab'+TableColor+'"><a href="javascript:void(0);" onclick="javascript:SelectedTab(\'away\');" class="seltab'+TableColor+'">AWAY GAMES</a></td>';
			strTable += '<td width="5" align="center" class="tabbg">&nbsp;</td>';
			strTable += '<td width="120" align="center" class="tab'+TableColor+'"><a href="javascript:void(0);" onclick="javascript:SelectedTab(\'all\');" class="tab'+TableColor+'">ALL GAMES</a></td>';
			strTable += '<td align="center" class="tabbg">&nbsp;</td>';
		}
		else if(HomeAwayAll == 'all')
		{
			strTable += '<td width="120" height="23" align="center" class="tab'+TableColor+'"><a href="javascript:void(0);" onclick="javascript:SelectedTab(\'home\');" class="tab'+TableColor+'">HOME GAMES</a></td>';
			strTable += '<td width="5" align="center" class="tabbg">&nbsp;</td>';
			strTable += '<td width="120" align="center" class="tab'+TableColor+'"><a href="javascript:void(0);" onclick="javascript:SelectedTab(\'away\');" class="tab'+TableColor+'">AWAY GAMES</a></td>';
			strTable += '<td width="5" align="center" class="tabbg">&nbsp;</td>';
			strTable += '<td width="120" align="center" class="seltab'+TableColor+'"><a href="javascript:void(0);" onclick="javascript:SelectedTab(\'all\');" class="seltab'+TableColor+'">ALL GAMES</a></td>';
			strTable += '<td align="center" class="tabbg">&nbsp;</td>';
		}
		strTable += '<td width="32%"></td>';
		strTable += '</tr><tr><td colspan=8 height=5 style="BORDER-BOTTOM:#333333 1px dotted; overflow: hidden; font-size:1px;">&nbsp;</td></tr><tr><td height=10></td></tr>';
		strTable += '</table>';	
	}
	
	else // if tab is inactive
	{
		strTable += '<table border="0" cellpadding="0" cellspacing="0" width="100%" >';
		strTable += '<tr>';
		strTable += '<td align="right" class="boldtext"><input type="radio" name="viewcheck" checked> List View <input type="radio" onclick="javascript:showCalendar()" name="viewcheck"> Calendar View&nbsp;</td>';
		strTable += '</tr>';
		strTable += '</table>';	
	}
	
	strTable += '<table border="0" width="100%" cellpadding="5" cellspacing="0" class="seltab'+TableColor+'">';
	strTable += '<tr class="header"><td width=170 align="center">FILTER BY MONTH</td><td width=190 align="center">FILTER BY VENUE</td><td width=180 align="center">RESULTS DISPLAYED</td><td></td>';
	strTable += '<tr><td class="filterbymonth" align="center" height="33"><select id="FilterByMonth" onchange="updateResultsPerPage();" class="filterbymonth">';
	strTable += '<option value="All">All</option>';
	strTable += '<option value="1">January</option>';
	strTable += '<option value="2">February</option>';
	strTable += '<option value="3">March</option>';
	strTable += '<option value="4">April</option>';
	strTable += '<option value="5">May</option>';
	strTable += '<option value="6">June</option>';
	strTable += '<option value="7">July</option>';
	strTable += '<option value="8">August</option>';
	strTable += '<option value="9">September</option>';
	strTable += '<option value="10">October</option>';
	strTable += '<option value="11">November</option>';
	strTable += '<option value="12">December</option>';
	strTable += '</select></td>';
	strTable = strTable.replace('<option value="' + strFilterByMonth + '">', '<option value="' + strFilterByMonth + '" selected>');

	
	
	strTable += '<td class="otherfilters" align="center">';
	VenueDropDown = VenueDropDown.replace(" selected","");
	VenueDropDown = VenueDropDown.replace('<option value="' + FilterByVenue + '">', '<option value="' + FilterByVenue + '" selected>');
	
	if(FirstTimeVenueCounter == 0)
	{
		var varr = new Array();
		var zstr='';
		for(lstview_i=0;lstview_i<lstview_rows;lstview_i++)
		{
			lstview_row = ticketArray[lstview_i].length;
			var cv = ticketArray[lstview_i][lstview_row-1];
			if (zstr.indexOf(cv) <0) {
				var narr = new Array ([cv]);
				varr = varr.concat(narr);
				zstr = zstr + cv;
			}
		}
		varr.sort();
		VenueDropDown = '<select id="FilterByVenue" onchange="doVenueFilter();" class="filterbymonth">';
		VenueDropDown += '<option value="All">All</option>';
		for(lstview_i=0;lstview_i<varr.length;lstview_i++)
		{
			VenueDropDown += '<option value="' + varr[lstview_i] + '">';
			VenueDropDown += varr[lstview_i] + '</option>';
		}
		VenueDropDown += '</select>';
		FirstTimeVenueCounter = 1;
		strTable += VenueDropDown;
	}
	else
	{
		strTable += VenueDropDown;
	}
	strTable += '</td>';
	
	

	strTable += '<td align="center" class="otherfilters"><select name="ResultsPerPage" id="ResultsPerPage" onchange="updateResultsPerPage()" class="otherfilters">';

	if (10 == initNumRes) {
		strTable += '<option value="10" selected>10</option>';
	} else {
		strTable += '<option value="10">10</option>';
	}
	if (20 == initNumRes) {
		strTable += '<option value="20" selected>20</option>';
	} else {
		strTable += '<option value="20">20</option>';
	}
	if (50 == initNumRes) {
		strTable += '<option value="50" selected>50</option>';
	} else {
		strTable += '<option value="50">50</option>';
	}
	if (100 == initNumRes) {
		strTable += '<option value="100" selected>100</option>';
	} else {
		strTable += '<option value="100">100</option>';
	}
	if (allresults) {
		strTable += '<option value="All" selected>All</option>';
	} else {
		strTable += '<option value="All">All</option>';
	}
	
	strTable += '</select></td><td align="right" class="otherfilters" nowrap></td></tr>';
	strTable += '</table>';
	
	
	strTable += '<table border="0" width="100%" cellpadding="0" cellspacing="0"><tr><td height=3></td></tr>';

	
	TotalResults = 0;
	DisplayedResults = 0;
	var lstview_i = 0;
	var offsetResults = initNumRes*(currentPage-1);

	for(i=0;i<ticketArray.length;i++)
	{
		var lstview_row = ticketArray[i].length;
		var currentMonth = Venue[i].split("|")[1];
		var currentVenue = ticketArray[i][lstview_row-1];
		var currentLoc = ticketArray[i][lstview_row-2];
		if ((currentVenue == FilterByVenue || FilterByVenue =="All") && (currentMonth == strFilterByMonth || strFilterByMonth =="All") && (HomeAwayAll=='all' || currentLoc == HomeAwayAll) ) {
			TotalResults++;
			NoResults=0;
			if (offsetResults <=0 && DisplayedResults < initNumRes) {
				DisplayedResults++;
				if(RowColorChecker == 0)
				{
					strTable += '<tr class="row1">';
					RowColorChecker = 1;
				}
				else
				{
					strTable += '<tr class="row2">';
					RowColorChecker = 0;
				}
				//iterate through all the columns
				for(lstview_j=0;lstview_j<(lstview_row-2);lstview_j++) 
				{
					strTable += '<td align="center" width="170">' + ticketArray[i][lstview_j] + '</td>';
				}
				strTable += '</tr>';
			} else {
				offsetResults--;
			}
			
		}
	}
	strTable += '</table>';
	

if(NoResults == 0)
{
	var fn = currentPage*initNumRes-(initNumRes-1);
	var tn = currentPage*initNumRes;
	if (tn > TotalResults) tn = TotalResults;
	strTable = strTable.replace('Showing x - y of z results.', 'Showing ' + fn + ' - ' + tn + ' of ' + TotalResults + ' results.')
	_rz = 'Showing ' + fn + ' - ' + tn + ' of ' + TotalResults + ' results';
	if(currentPage > 1 && tn < TotalResults)
	{
		strTable += '<div class="NextPrevContainer">'
		strTable += '<table border="0" cellpadding="0" cellspacing="0"><tr><td colspan="2"><div class="showing">'+_rz+'</div></td></tr>';
		strTable += '<tr><td width="110"> <div class="ReadmoreRed'+ArrowTextColor+'"><div class="next_arrow prev_arrow'+TableColor+'"></div><a href="javascript:void(0);" onclick="PreviousPage(); return false;">Prev Page</a></div></td>';
		strTable += '<td width="84"> <div class="next_arrow next_arrow'+TableColor+'"></div><div class="ReadmoreRed'+ArrowTextColor+'"><a href="javascript:void(0);" onclick="NextPage(); return false;">Next Page</a></div></td></tr></table></div>';
	} else if (currentPage == 1 && tn < TotalResults) {
		strTable += '<div class="NextPrevContainer">'
		strTable += '<table border="0" cellpadding="0" cellspacing="0"><tr><td colspan="2"><div class="showing">'+_rz+'</div></td></tr>';
		strTable += '<tr><td width="110"></td>';
		strTable += '<td width="84"> <div class="next_arrow next_arrow'+TableColor+'"></div><div class="ReadmoreRed'+ArrowTextColor+'"><a href="javascript:void(0);" onclick="NextPage(); return false;">Next Page</a></div></td></tr></table></div>';
	} else if(currentPage > 1 && tn >= TotalResults) {
		strTable += '<div class="NextPrevContainer">'
		strTable += '<table border="0" cellpadding="0" cellspacing="0"><tr><td colspan="2"><div class="showing">'+_rz+'</div></td></tr>';
		strTable += '<tr><td width="110"></td>';
		strTable += '<td width="84"> <div class="ReadmoreRed'+ArrowTextColor+'"><div class="next_arrow prev_arrow'+TableColor+'"></div><a href="javascript:void(0);" onclick="PreviousPage(); return false;">Prev Page</a></div></td></tr></table></div>';
		
	}
	
}//end of if(NoResults == 0)
else
{
	strTable = strTable.replace('Showing x - y of z results.', 'Showing 0 - 0 of 0 results.')

	strTable += '<div class="NextPrevContainer">'
	strTable += '<table border="0" cellpadding="0" cellspacing="0"><tr><td colspan="2"><div class="showing">Showing 0 - 0 of 0 results</div></td></tr>';
	strTable += '</table></div>';
	
}
	
	strTable = strTable.replace(/<tr class=\"row1\"><\/tr>/g,'');
	strTable = strTable.replace(/<tr class=\"row2\"><\/tr>/g,'');

	strTable += '</td></tr><tr><td height=20><\/td><\/tr></table>';
	//strTable += '<textarea>' + strTable + '</textarea>';
	document.getElementById('lstviewEvent').innerHTML = strTable + '</div>';
	RowColorChecker = 0;
}

function doVenueFilter() {
	HomeAwayAll="all";
	updateResultsPerPage();
}

function updateResultsPerPage()
{
	currentPage=1;
	NoResults = 1; //assume no results found..
    initNumRes = document.getElementById('ResultsPerPage').value;
	strFilterByMonth = document.getElementById('FilterByMonth').value;
	try {
	FilterByVenue = document.getElementById('FilterByVenue').value;
	} catch (ex) {}
	CrateTable();
}
var currentPage =1;
function NextPage()
{
	currentPage++;
	
	CrateTable();
	//window.scrollTo(0,0);
}

function PreviousPage()
{
	currentPage--;
	
	CrateTable();
	//window.scrollTo(0,0);
}

function SelectedTab(strSelectedTab)
{
	HomeAwayAll = strSelectedTab;
	updateResultsPerPage();
}