function item_loading(){
    new Effect.Appear('progress');
}

/* THIS RUNS WHEN THE AJAX CALL COMPLETES */
function item_complete(){
    new Effect.Fade('progress');
}
function handleOnChange(field)
{

	if (field == 'D4')
	{
		// q1 = A1 vs B2
		clearAll('quarter1');
		var q1 = document.getElementById('quarter1');
		q1[q1.length] = new Option("", "");
		q1[q1.length] = new Option(document.getElementById('A1').value, document.getElementById('A1').value);
		q1[q1.length] = new Option(document.getElementById('B2').value, document.getElementById('B2').value);
		
		// q2 = B1 vs A2
		clearAll('quarter2');
		var q2 = document.getElementById('quarter2');
		q2[q2.length] = new Option("", "");
		q2[q2.length] = new Option(document.getElementById('A2').value, document.getElementById('A2').value);
		q2[q2.length] = new Option(document.getElementById('B1').value, document.getElementById('B1').value);
		
		// q3 = C1 vs D2
		clearAll('quarter3');
		var q3 = document.getElementById('quarter3');
		q3[q3.length] = new Option("", "");
		q3[q3.length] = new Option(document.getElementById('C1').value, document.getElementById('C1').value);
		q3[q3.length] = new Option(document.getElementById('D2').value, document.getElementById('D2').value);
		
		// q4 = D1 vs C2
		clearAll('quarter4');
		var q4 = document.getElementById('quarter4');
		q4[q4.length] = new Option("", "");
		q4[q4.length] = new Option(document.getElementById('D1').value, document.getElementById('D1').value);
		q4[q4.length] = new Option(document.getElementById('C2').value, document.getElementById('C2').value);
		

		clearAll('semi1');
		clearAll('semi2');
	}
	else if (field == 'quarter4')
	{
		// now need to fill up the semi finalist teams
		// s1 = q1 vs q2
		var s1 = document.getElementById('semi1');
		s1[s1.length] = new Option("", "");
		s1[s1.length] = new Option(document.getElementById('quarter1').value, document.getElementById('quarter1').value);
		s1[s1.length] = new Option(document.getElementById('quarter2').value, document.getElementById('quarter2').value);
		
		// s2 = q3 vs q4
		var s2 = document.getElementById('semi2');
		s2[s2.length] = new Option("", "");
		s2[s2.length] = new Option(document.getElementById('quarter3').value, document.getElementById('quarter3').value);
		s2[s2.length] = new Option(document.getElementById('quarter4').value, document.getElementById('quarter4').value);
		
	}
	else if (field == 'semi2')
	{
		// now need to fill up the finalist teams
		var final = document.getElementById('final');
		final[final.length] = new Option("", "");
		final[final.length] = new Option(document.getElementById('semi1').value, document.getElementById('semi1').value);
		final[final.length] = new Option(document.getElementById('semi2').value, document.getElementById('semi2').value);
		
	}
	else
	{
		var val = document.getElementById(field).value;
		var selInd = document.getElementById(field).selectedIndex;

		var txt = field.substr(0, field.length-1);
		var ind = field.substr(field.length -1, 1);

		for(i=parseInt(ind)+1; i<=4; i++)
		{
			var tmp = txt + i;
			var tmpV = document.getElementById(tmp);
			tmpV[selInd] = null;
			
		}
		// remove the blank also from 4th drop down if ind = 3
		if (ind == 3)
		{
			var tmp = txt + "4";
			var tmpV = document.getElementById(tmp);
			tmpV[0] = null;
		}
	}
	    if (field != 'D4')
		return false;
}

function clearAll(field)
{
	var tmp = document.getElementById(field);
	while(tmp.length>0)
		tmp[tmp.length -1] = null;

}
function fillAll(field, arrName)
{
	var tmp = document.getElementById(field);
	var teamArr = window[arrName];
	for(x in teamArr)
	{
		if (x != 'extend')
			tmp[tmp.length] = new Option(teamArr[x], teamArr[x]);
	}

}

function fillABCD()
{
	reset('A');
	reset('B');
	reset('C');
	reset('D');
}

function reset(field)
{
	var arrName = "teams" + field;
	for (i=1; i<=4; i++)
	{
		var fieldN = field + i;
		clearAll(fieldN);
		fillAll(fieldN, arrName);
	}

}

function printWindow(){
   bV = parseInt(navigator.appVersion)
   if (bV >= 4) window.print()
}