var RowCount = 0;
var ItemRemaining = 0;
var EmtyRow = 
	'<tr Flag=0>' +
		'<td align = center width=45>' +
			'<span></span>' +
		'</td>' +
		'<td width=155>' +
			'<table>' + 
				'<tr>' + 
					'<td width=155>' + 
					'</td>' + 
				'</tr>' + 
			'</table>' +
		'</td>' +
		'<td align = center width=79>' + 
		'</td>' + 
	'</tr>' +
	'<a></a>';
	

var MaxRows = 8;
// %1 --> RowCount
// %3 --> Type
// %4 --> Number Selected
// %5 --> Price
var BodyInfo = 
	'<a count=%1></a><tr id=tr%1 >' + //onmouseover=hL(this) onmouseout=dL(this)>' +
		'<td align = center width=45>' +
			'&nbsp;<input type=checkbox id=chk%1 onclick=CheckAllRows()>' +
		'</td>' + 
		'<td width=155>' +
			'<table>' +
				'<tr>' + 
					'<td>' + 
						'<a id=txt%1 class=GridTextRowOne onclick=RowClicked(%1,%3) RowType = %3 style="CURSOR: pointer">%4</a>' +
					'</td>' + 
				'</tr>' + 
			'</table>' +
		'</td>' + 
		'<td align = right width=79>' +
			'<table><tr><td>' +
				'<span id=txtPrice%1 class=GridTextRowOne BQSelected = %6>%5</span>' + 
			'</td></tr></table>' +
		'</td>' + 
	'</tr><a></a>';

function GridClicked(iRow)
{
	try
	{
		cl();
		document.getElementById('hdRowClicked').value = iRow.id;
		iRow.title = 1;
		hL(iRow);
		DisplayInformation(iRow);
	}
	catch(e)
	{
		alert('GridClicked ' + e.message);
	}
}
function hL(E)
{
	while(E.tagName!="TR")
	{
		E = E.parentElement;
	}
	for (i=0;i<E.cells.length;i++)
	{
		E.cells[i].className = "NewSpTableRows";
	}
}
function dL(E)
{
	if(E.title == 0)
	{
		while (E.tagName!="TR")
		{
			E=E.parentElement;
		}
		for (i=0;i<E.cells.length;i++)
		{
			if(E.id.substring(3, 2) == 'O')
				E.cells[i].className = "NewInvTableRowsOdd";
			else
				E.cells[i].className = "NewInvTableRowsEven";
		}
	}
}
function cl()
{
	try
	{
		var obj;
		if(document.getElementById('hdRowClicked').value!='')
		{
			obj = document.getElementById(document.getElementById('hdRowClicked').value);
			obj.title = 0;
			while (obj.tagName!="TR")
			{
				obj=obj.parentElement;
			}
			for (i=0;i<obj.cells.length;i++)
			{
				if(obj.id.substring(3, 2) == 'O')
					obj.cells[i].className = "NewInvTableRowsOdd";
				else
					obj.cells[i].className = "NewInvTableRowsEven";
			}
		}
	}
	catch(e)
	{
		alert('cl ' + e.message);
	}
}

function GenerateTable()
{
	document.getElementById('txtPurse').innerHTML = 'LBP ' + 
		FormatNumber(document.getElementById('hdPurse').value) ;
	
	var strHTML = "<table><tr><td><div style='OVERFLOW: auto; Height: 174px'>";
	strHTML+='<table cellspacing=0 cellpadding=0 width = 100% border=0>';
	strHTML+='<A count=0></A></table></div></td></tr></table><a></a>';
	document.getElementById('tdBody').innerHTML = strHTML;
	
	strHTML ='<table width=281 cellspacing=0 cellpadding=0 border=0><tr>';
	strHTML+='<td>';
	strHTML+='<IMG class=Product onclick="DeleteRows(true);ClearBalls();" src="http://images.alaablubnan.com/Images/LotoGame/garbage.gif" width=47 height=35 alt="Delete Selected Items">';
	strHTML+='</td>';
	strHTML+='<td><table cellspacing=0 cellpadding=0 border=0><tr>';
	strHTML+='<td width=154 height=18 background="http://images.alaablubnan.com/images/LotoGame/total1.gif"></td>';
	strHTML+='<td width=80 height=18 background="http://images.alaablubnan.com/images/LotoGame/money1.gif" align=center>';
	strHTML+='<span id=Total class=DisplayTextBlack>0</span>';
	strHTML+='</td></tr>';
	strHTML+='<tr>';
	strHTML+='<td width=154 height=17 background="http://images.alaablubnan.com/images/LotoGame/total2.gif" align=center>';
	strHTML+='<span id=txtSubscriptionInfo class=DisplayTextBlueSubs>Subs. for 1 Draw(s).</span>';
	strHTML+='</td><td width=80 height=17 background="http://images.alaablubnan.com/images/LotoGame/money2.gif" align=center>';
	strHTML+='<span id=txtSubscriptionTotal class=DisplayTextBlack>0</span>';
	strHTML+='</td></tr></table></td></tr></table>';
	document.getElementById('tdBottom').innerHTML = strHTML;
}

function AddRow(iID, iNumberSelected, iType, iPrice, iBouquet)
{
	var strHTML = "";
	var indexTr = 0;
	var indexTr = document.getElementById('tdBody').innerHTML.toUpperCase().indexOf('<A COUNT=\"' + RowCount + '\"></A>');
	
	RowCount++;

	if(indexTr == -1)
	{
		//RowCount = 0;
		indexTr = document.getElementById('tdBody').innerHTML.toUpperCase().indexOf('<A COUNT=\"0\"></A>');
	}
	for(var i = 0; i<=1; i++)
	{
		document.getElementById('tdBody').innerHTML = 
			document.getElementById('tdBody').innerHTML.replace('class=GridTextRowOne', 
			'class=GridTextRow');
	}
	
	var iNumberSelectedWithJ=iNumberSelected.replace('43 44','JK JK').replace('43','JK');
	iNumberSelectedWithJ=iNumberSelectedWithJ.replace('44','JK');
	strHTML = ReplaceString(BodyInfo, '%1', RowCount);
	strHTML = ReplaceString(strHTML, '%3', iType);
	strHTML = ReplaceString(strHTML, '%4', iNumberSelectedWithJ);
	strHTML = ReplaceString(strHTML, '%5', FormatNumber(iPrice));
	strHTML = ReplaceString(strHTML, '%6', iBouquet);
	
	document.getElementById('tdBody').innerHTML = 
		document.getElementById('tdBody').innerHTML.substr(0, indexTr) +
		strHTML + document.getElementById('tdBody').innerHTML.substr(indexTr);
	ItemRemaining++; 
}

function RemoveRow()
{
	var counter = 0;
	var indexTable = 0;
	var i = RowCount;
	while(i > 0)
	{
		// check if exists a control with the following name
		if(document.getElementById('chk' + i))
		{
			// check if the selected check box is selected to remove it from the list
			if(document.getElementById('chk' + i).checked)
			{
				// get the index of the begining of the row
				var indexFirstRow = document.getElementById('tdBody').innerHTML.toUpperCase().indexOf('<A COUNT=\"' + i + '\"></A>');
				// get the index of the end of the selected row
				indexEndRow = document.getElementById('tdBody').innerHTML.substr(indexFirstRow).
					toUpperCase().indexOf('<A></A>') + 7;
				if(indexEndRow>-1)
				{
					// regenerate the innerHTML to be able to remove the selected row
					document.getElementById('tdBody').innerHTML = 
						document.getElementById('tdBody').innerHTML.replace(
						document.getElementById('tdBody').innerHTML.substr(indexFirstRow, indexEndRow), '');
				}
				else
				{
					// regenerate the innerHTML to be able to remove the selected row
					document.getElementById('tdBody').innerHTML = 
						document.getElementById('tdBody').innerHTML.replace(
						document.getElementById('tdBody').innerHTML.substr(indexFirstRow), '') + '</table></div>';
				}
				// increment the counter to know how many item removed
				counter++;
			}
		}
		i--;
	}
	// decrement the Items Remaining with the items selected
	ItemRemaining = ItemRemaining - counter;
	// check if the user removed from the list and it was passing the MaxRows
	// set the counter to be the MaxRows - ItemRemaining + 1
	if(ItemRemaining + counter > MaxRows)
		counter = MaxRows - ItemRemaining + 1;
}