var xmlHttp

//sarjan (naiset/miehet) valinta
function set_series(series)
{
	//tulostetaan tieto siitä että jotain on tapahtumassa
	document.getElementById("info").innerHTML="Odota...";

	//tyhjennetään alasvetovalikko ja lisätään "otsikko"
	document.forms['input'].players.options.length = 0;
	document.forms['input'].players.options[0] = new Option('<Pelaajat>','playersOption');

	//synkroninen HTML request
	sync_html_request("sites/all/scripts/viikkokisat_players.php","series="+series);

  	//tietokannasta tulevat rivit ovat eroteltu ;-merkillä, splitataan taulukkoon
	var response=xmlHttp.responseText;	
	response = response.trim();
  	var responseArray=response.split(";");

	for (var i=0; i < responseArray.length; i++)
  	{
		document.forms['input'].players.options[i+1] = new Option(responseArray[i],responseArray[i]);
  	}

	//tyhjennetään alasvetovalikko ja lisätään "otsikko"
	document.forms['input'].year.options.length = 0;
	document.forms['input'].year.options[0] = new Option('<Vuodet>','yearOption');

	//synkroninen HTML request
	sync_html_request("sites/all/scripts/viikkokisat_year.php","series="+series);

  	//tietokannasta tulevat rivit ovat eroteltu ;-merkillä, splitataan taulukkoon
	var response=xmlHttp.responseText;	
	response = response.trim();
  	var responseArray=response.split(";");

  	//tietokannasta tulevat rivit laitetaan alavetovalikon listaan
	for (var i=0; i < responseArray.length; i++)
  	{
		//jos viimeisin vuosi niin asetetaan valituksi
		if (i == 0) 
		{
			document.forms['input'].year.options[i+1] = new Option(responseArray[i],responseArray[i], false, true);
		} else {
			document.forms['input'].year.options[i+1] = new Option(responseArray[i],responseArray[i]);
		}
  	}

	//kisat kisat alavetovalikkoon
	arrange_games(series)

	//ranking alasvetovalikko
	//tyhjennetään ranking alasvetovalikko ja lisätään "otsikko" 
	document.forms['input'].ranking.options.length = 0;
	document.forms['input'].ranking.options[0] = new Option('<Rankingit>','rankingHeader');

	//ranking 
	document.forms['input'].ranking.options[1] = new Option('Ranking','rankingTable');
	
	//queen ranking
	if (series == "naiset")
	{
		document.forms['input'].ranking.options[2] = new Option('Queen ranking','beachRanking');	
	}

	//king ranking
	if (series == "miehet")
	{
		document.forms['input'].ranking.options[2] = new Option('King ranking','beachRanking');	
	}
	
	//lähtöpisteet
	document.forms['input'].ranking.options[3] = new Option('Lähtöpisteet','start');

	//kaikki on valmista, poistetaan "Odota..."
	document.getElementById("info").innerHTML="";

}

//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
function set_players(name)
{
	if (name == "<Pelaajat>")
	{
		return;
	}
	//tyhjennetään table johon datat tulevat
	clear_data_table()

	//tulostetaan tieto siitä että jotain on tapahtumassa
	document.getElementById("infoArea").innerHTML="Odota...";

	//katsotaan kumpi sarja on valittuna
	for (var i=0;i<document.input.series.length;i++)
	{
		if (document.input.series[i].checked==true)
		{
			series=document.input.series[i].value
		}
	}

	//otsikko	
	document.getElementById("dataHeader").innerHTML=name;

	//muihin valikkoihin otsikko valituksi
	document.forms['input'].games.options[0].selected = true;
	document.forms['input'].ranking.options[0].selected = true;

	//oikea pelaaja valituksi pelaajat valikkoon
	for (var i=0; i < document.forms['input'].players.length; i++)
	{
		if (document.forms['input'].players.options[i].text == name)
		{
			document.forms['input'].players.options[i].selected = true;
		}
	}

	//synkroninen HTML request
	var params = "name="+name;
	sync_html_request("sites/all/scripts/viikkokisat_players_data.php",params);

	//tietokannasta tulevat rivit ovat eroteltu ;-merkillä, splitataan taulukkoon
	var response=xmlHttp.responseText;	

	response = response.trim();
	var responseArray=response.split(";");

	if (response != "")
	{
		//otsikko
		divBody=document.getElementById("dataDiv");
		el=document.createElement("DIV");
		//el.setAttribute("style", "font-weight:bold");
		el.style.cssText = "font-weight:bold";
		textnode=document.createTextNode("Ranking sijoitusten kehitys:");
		el.appendChild(textnode);
		divBody.appendChild(el);
		el=document.createElement("BR");
		divBody.appendChild(el);
	
		for (var i=0; i < responseArray.length; i++)
		{
			var gameArray=responseArray[i].split(":");
	
			divBody=document.getElementById("dataDiv");
			table=document.createElement("TABLE");
			table.setAttribute("cellpadding", "0%");
			tbody=document.createElement("TBODY");
			row=document.createElement("TR");
			cell1 = document.createElement("TD");
			//cell1.setAttribute("style", "width:100px");
			cell1.style.cssText = "width:100px";
			textnode=document.createTextNode(gameArray[0]);
	
			if (gameArray.length == 8)
			{
				var ranking = gameArray[7]
		
				link=document.createElement("A");
				link.setAttribute("href", "#");
				link.setAttribute("onclick", "javascript:show_group('"+series+"','"+gameArray[0]+"','"+gameArray[1]+"')");
				//link.setAttribute("onclick", "javascript:show_group('"+gameArray[0]+"','"+gameArray[1]+"')");
				link.appendChild(textnode);
				cell1.appendChild(link);
			}
			else if (gameArray.length == 2)
			{
				var ranking = gameArray[1]
	
				cell1.appendChild(textnode);
			}
			else
			{
				cell1.appendChild(textnode);
			}
			
			if (gameArray.length == 8 || gameArray.length == 2)
			{
				var width = (1.005 - (ranking * 0.005)) * 370;
				width = width.toFixed(0)
				var grayWidth = 370 - width;
				grayWidth = grayWidth.toFixed(0);

				cell2 = document.createElement("TD");
				//cell2.setAttribute("style", "width:"+width+"px");
				cell2.style.cssText = "width:"+width+"px";
				div = document.createElement("DIV");
			}
	

	
			if (gameArray.length == 8)
			{
				//div.setAttribute("style", "background-color:blue; color:white; font-weight:bold; text-align:left; width:"+width+"px;");
				div.style.cssText = "background-color:blue; color:white; font-weight:bold; text-align:left; width:"+width+"px;";
				span = document.createElement("SPAN");
				span.setAttribute("title", "Lohko");
				textnode=document.createTextNode(gameArray[1]);
				span.appendChild(textnode);
				div.appendChild(span);
				textnode=document.createTextNode(" / ");
				div.appendChild(textnode);
				span = document.createElement("SPAN");
				span.setAttribute("title", "Eräpisteet yhteensä");
				textnode=document.createTextNode(gameArray[2]);
				span.appendChild(textnode);
				div.appendChild(span);
				textnode=document.createTextNode(" / ");
				div.appendChild(textnode);
				span = document.createElement("SPAN");
				span.setAttribute("title", "Sijoitus");
				textnode=document.createTextNode(gameArray[3]);
				span.appendChild(textnode);
				div.appendChild(span);
				textnode=document.createTextNode(" / ");
				div.appendChild(textnode);
				span = document.createElement("SPAN");
				span.setAttribute("title", "Peruspisteet");
				textnode=document.createTextNode(gameArray[4]);
				span.appendChild(textnode);
				div.appendChild(span);
				textnode=document.createTextNode(" / ");
				div.appendChild(textnode);
				span = document.createElement("SPAN");
				span.setAttribute("title", "+/-");
				textnode=document.createTextNode(gameArray[5]);
				span.appendChild(textnode);
				div.appendChild(span);
				textnode=document.createTextNode(" / ");
				div.appendChild(textnode);
				span = document.createElement("SPAN");
				span.setAttribute("title", "Ranking pisteet");
				textnode=document.createTextNode(gameArray[6]);
				span.appendChild(textnode);
				div.appendChild(span);
				textnode=document.createTextNode(" / ");
				div.appendChild(textnode);
			}
			else if (gameArray.length == 2) 
			{
				if (gameArray[0].match("Lähtö"))
				{
					div.style.cssText = "background-color:DodgerBlue; color:white; font-weight:bold; text-align:left; width:"+width+"px;";
				}
				else
				{				
					div.style.cssText = "background-color:red; color:white; font-weight:bold; text-align:left; width:"+width+"px;";
				}
			}
			else
			{
				cell2 = document.createElement("TD");
				cell2.style.cssText = "background-color:#C3C3C3; width:370px";
				//div = document.createElement("DIV");
				//div.style.cssText = "background-color:#C3C3C3; width:370px;";
				//cell2.appendChild(div);

				row.appendChild(cell1);
				row.appendChild(cell2);
				tbody.appendChild(row);
				table.appendChild(tbody);
				divBody.appendChild(table);
			}
			
			if (gameArray.length == 2 || gameArray.length == 8)
			{
				span = document.createElement("SPAN");
				span.setAttribute("title", "Ranking sijoitus");
				textnode=document.createTextNode(ranking);
				span.appendChild(textnode);
				div.appendChild(span);
				cell2.appendChild(div);

				if (grayWidth != 370)
				{
					cell3 = document.createElement("TD");
					cell3.style.cssText = "width:"+grayWidth+"px; background-color:#C3C3C3";
				}
				else
				{
					cell3 = document.createElement("TD");
				}
			
				row.appendChild(cell1);
				row.appendChild(cell2);
				row.appendChild(cell3);
				tbody.appendChild(row);
				table.appendChild(tbody);
				divBody.appendChild(table);
			}
	
			//elementti lohkon tiedoille
			if (gameArray.length == 8)
			{
				divBody=document.getElementById("dataDiv");
				table=document.createElement("TABLE");
				//table.setAttribute("cellpadding", "0%");
				tbody=document.createElement("TBODY");
				//tbody.idName = gameArray[0];
				tbody.setAttribute("id",gameArray[0]);
				table.appendChild(tbody);
				divBody.appendChild(table);
			}
	
		}
	
		divBody=document.getElementById("dataDiv");
		el=document.createElement("BR");
		divBody.appendChild(el);
	
		//keskiarvot

		//synkroninen HTML request
		sync_html_request("sites/all/scripts/viikkokisat_average_data.php","name="+name);
	
		//tietokannasta tulevat rivit ovat eroteltu ;-merkillä, splitataan taulukkoon
		var response=xmlHttp.responseText;	
         	response = response.trim();
		var responseArray=response.split("*");
	
		tabBody=document.getElementById("dataTable");
		row=document.createElement("TR");
		cell1 = document.createElement("TD");
		cell1.style.cssText = "width:150px;font-weight:bold";
		cell2 = document.createElement("TD");
		textnode1=document.createTextNode("Kisat:");
		textnode2=document.createTextNode(responseArray[0]);
		cell1.appendChild(textnode1);
		cell2.appendChild(textnode2);
		row.appendChild(cell1);
		row.appendChild(cell2);
		tabBody.appendChild(row);
	
		row=document.createElement("TR");
		cell1 = document.createElement("TD");
		cell1.style.cssText = "width:150px;font-weight:bold";
		cell2 = document.createElement("TD");
		textnode1=document.createTextNode("Keskiarvot");
		cell1.appendChild(textnode1);
		row.appendChild(cell1);
		tabBody.appendChild(row);
	
		row=document.createElement("TR");
		cell1 = document.createElement("TD");
		//cell1.style.cssText = "width:100px";
		span = document.createElement("SPAN");
		span.style.cssText = "margin-left:15px;font-weight:bold";
		cell2 = document.createElement("TD");
		textnode1=document.createTextNode("Lohkot:");
		textnode2=document.createTextNode(responseArray[1]);
		span.appendChild(textnode1);
		cell1.appendChild(span);
		cell2.appendChild(textnode2);
		row.appendChild(cell1);
		row.appendChild(cell2);
		tabBody.appendChild(row);
	
		row=document.createElement("TR");
		cell1 = document.createElement("TD");
		//cell1.style.cssText = "width:100px";
		span = document.createElement("SPAN");
		span.style.cssText = "margin-left:15px;font-weight:bold";
		cell2 = document.createElement("TD");
		textnode1=document.createTextNode("Eräpisteet:");
		textnode2=document.createTextNode(responseArray[2]);
		span.appendChild(textnode1);
		cell1.appendChild(span);
		cell2.appendChild(textnode2);
		row.appendChild(cell1);
		row.appendChild(cell2);
		tabBody.appendChild(row);
	
		row=document.createElement("TR");
		cell1 = document.createElement("TD");
		//cell1.style.cssText = "width:100px";
		span = document.createElement("SPAN");
		span.style.cssText = "margin-left:15px;font-weight:bold";
		cell2 = document.createElement("TD");
		textnode1=document.createTextNode("Sijoitus:");
		textnode2=document.createTextNode(responseArray[3]);
		span.appendChild(textnode1);
		cell1.appendChild(span);
		cell2.appendChild(textnode2);
		row.appendChild(cell1);
		row.appendChild(cell2);
		tabBody.appendChild(row);
	
		row=document.createElement("TR");
		cell1 = document.createElement("TD");
		//cell1.style.cssText = "width:100px";
		span = document.createElement("SPAN");
		span.style.cssText = "margin-left:15px;font-weight:bold";
		cell2 = document.createElement("TD");
		textnode1=document.createTextNode("Peruspisteet:");
		textnode2=document.createTextNode(responseArray[4]);
		span.appendChild(textnode1);	
		cell1.appendChild(span);
		cell2.appendChild(textnode2);
		row.appendChild(cell1);
		row.appendChild(cell2);
		tabBody.appendChild(row);
	
		row=document.createElement("TR");
		cell1 = document.createElement("TD");
		//cell1.style.cssText = "width:100px";
		span = document.createElement("SPAN");
		span.style.cssText = "margin-left:15px;font-weight:bold";
		cell2 = document.createElement("TD");
		textnode1=document.createTextNode("+/-:");
		textnode2=document.createTextNode(responseArray[5]);
		span.appendChild(textnode1);	
		cell1.appendChild(span);
		cell2.appendChild(textnode2);
		row.appendChild(cell1);
		row.appendChild(cell2);
		tabBody.appendChild(row);
		
		row=document.createElement("TR");
		cell1 = document.createElement("TD");
		//cell1.style.cssText = "width:100px";
		span = document.createElement("SPAN");
		span.style.cssText = "margin-left:15px;font-weight:bold";
		cell2 = document.createElement("TD");
		textnode1=document.createTextNode("Ranking pisteet:");
		textnode2=document.createTextNode(responseArray[6]);
		span.appendChild(textnode1);	
		cell1.appendChild(span);
		cell2.appendChild(textnode2);
		row.appendChild(cell1);
		row.appendChild(cell2);
		tabBody.appendChild(row);
	
		row=document.createElement("TR");
		cell1 = document.createElement("TD");
		//cell1.style.cssText = "width:100px";
		span = document.createElement("SPAN");
		span.style.cssText = "margin-left:15px;font-weight:bold";
		cell2 = document.createElement("TD");
		textnode1=document.createTextNode("Ranking sijoitus:");
		textnode2=document.createTextNode(responseArray[7]);
		span.appendChild(textnode1);	
		cell1.appendChild(span);
		cell2.appendChild(textnode2);
		row.appendChild(cell1);
		row.appendChild(cell2);
		tabBody.appendChild(row);
	}
	else
	{
		divBody=document.getElementById("dataDiv");
		textnode=document.createTextNode("Ei pelattuja viikkokisoja!");
		divBody.appendChild(textnode);
	}


	//kaikki on valmista, poistetaan "Odota..."
	document.getElementById("infoArea").innerHTML="";

}

//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
function arrange_games(series)
{
	//tyhjennetään alasvetovalikko ja lisätään "otsikko"
	document.forms['input'].games.options.length = 0;
	document.forms['input'].games.options[0] = new Option('<Kisat>','gamesOption');

	//synkroninen HTML request
	var params="series="+series+"&year="+document.forms['input'].year.options[document.forms['input'].year.selectedIndex].text
	sync_html_request("sites/all/scripts/viikkokisat_games.php",params);
	
	//tietokannasta tulevat rivit ovat eroteltu ;-merkillä, splitataan taulukkoon
	var response=xmlHttp.responseText;
	response = response.trim();
  	var responseArray=response.split(";");

	//tietokannasta tulevat rivit laitetaan alavetovalikon listaan
	for (var i=0; i < responseArray.length; i++)
  	{
		document.forms['input'].games.options[i+1] = new Option(responseArray[i].trim(),responseArray[i].trim());
		//document.forms['input'].games.options[i] = new Option(responseArray[i].trim(),responseArray[i].trim());
  	}

	//synkroninen HTML request
	var params="series="+series+"&year="+document.forms['input'].year.options[document.forms['input'].year.selectedIndex].text

	sync_html_request("sites/all/scripts/viikkokisat_final.php",params);
	
	//tietokannasta tulevat rivit ovat eroteltu ;-merkillä, splitataan taulukkoon
	var response=xmlHttp.responseText;
	response = response.trim();

	if (response != "")
	{
		var el=document.createElement("option");
  		el.text=response;
		var select=document.getElementById("games");
		//var loc=select.options[1];
		//select.add(el,loc);
                select.options[1] = new Option(response,response)
	}
}

//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
function set_year()
{
	//tulostetaan tieto siitä että jotain on tapahtumassa
	document.getElementById("info").innerHTML="Odota...";

	//katsotaan kumpi sarja on valittuna
	for (var i=0;i<document.input.series.length;i++)
	{
		if (document.input.series[i].checked==true)
		{
			series=document.input.series[i].value
		}
	}

	//kisat kisat alavetovalikkoon
	arrange_games(series)

	//ranking alasvetovalikko
	//tyhjennetään ranking alasvetovalikko ja lisätään "otsikko" 
	document.forms['input'].ranking.options.length = 0;
	document.forms['input'].ranking.options[0] = new Option('<Rankingit>','rankingHeader');

	//ranking 
	document.forms['input'].ranking.options[1] = new Option('Ranking','rankingTable');
	
	//queen ranking
	if (series == "naiset")
	{
		document.forms['input'].ranking.options[2] = new Option('Queen ranking','beachRanking');	
	}

	//king ranking
	if (series == "miehet")
	{
		document.forms['input'].ranking.options[2] = new Option('King ranking','beachRanking');	
	}
	
	//lähtöpisteet
	document.forms['input'].ranking.options[3] = new Option('Lähtöpisteet','start');

	//kaikki on valmista, poistetaan "Odota..."
	document.getElementById("info").innerHTML="";
}

//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
function set_games()
{
	if (document.forms['input'].games.options[document.forms['input'].games.selectedIndex].text == "<Kisat>")
	{
		return;
	}
	//tyhjennetään table johon datat tulevat
	clear_data_table()

	//tulostetaan tieto siitä että jotain on tapahtumassa
	document.getElementById("infoArea").innerHTML="Odota...";

	//katsotaan kumpi sarja on valittuna
	for (var i=0;i<document.input.series.length;i++)
	{
		if (document.input.series[i].checked==true)
		{
			series=document.input.series[i].value
		}
	}

	//otsikko	
	document.getElementById("dataHeader").innerHTML=series.cap_start() + " - " + document.forms['input'].year.options[document.forms['input'].year.selectedIndex].text + " - " + document.forms['input'].games.options[document.forms['input'].games.selectedIndex].text;

	//muihin valikkoihin otsikko valituksi
	document.forms['input'].players.options[0].selected = true;
	document.forms['input'].ranking.options[0].selected = true;

	if (document.forms['input'].games.options[document.forms['input'].games.selectedIndex].text.search(/of Beach/) == -1)
	{
		//vuosi + "-" + kuukausi + "-" + päivä
		var gameDate = document.forms['input'].year.options[document.forms['input'].year.selectedIndex].text + "-" + document.forms['input'].games.options[document.forms['input'].games.selectedIndex].text.substr(3,2) + "-" + document.forms['input'].games.options[document.forms['input'].games.selectedIndex].text.substr(0,2)
	
		//synkroninen HTML request
		var params = "series="+series+"&date="+gameDate;
		sync_html_request("sites/all/scripts/viikkokisat_games_data.php",params);
	
		//tietokannasta tulevat rivit ovat eroteltu ;-merkillä, splitataan taulukkoon
		var response=xmlHttp.responseText;	

		response = response.trim();
		var responseArray=response.split(";");
	
		create_game_table(responseArray, "dataTable");
	}
	else
	{
		//synkroninen HTML request
		var params = "series="+series+"&year="+document.forms['input'].year.options[document.forms['input'].year.selectedIndex].text;
		sync_html_request("sites/all/scripts/viikkokisat_finals_data.php",params);
	
		//tietokannasta tulevat rivit ovat eroteltu ;-merkillä, splitataan taulukkoon
		var response=xmlHttp.responseText;	
	
		response = response.trim();
		var responseArray=response.split(";");
	
		create_final_table(responseArray, "dataTable");

		//synkroninen HTML request
		var params = "series="+series+"&year="+document.forms['input'].year.options[document.forms['input'].year.selectedIndex].text;
		sync_html_request("sites/all/scripts/viikkokisat_finals_positions.php",params);
	
		//tietokannasta tulevat rivit ovat eroteltu ;-merkillä, splitataan taulukkoon
		var response=xmlHttp.responseText;	
	
		response = response.trim();
		var responseArray=response.split(";");

		if (responseArray.length > 1)
		{
			for (var i=0; i < responseArray.length; i++)
			{	
				tabBody=document.getElementById("dataTable2");
				row=document.createElement("TR");
				cell1 = document.createElement("TD");
				cell2 = document.createElement("TD");
				textnode = document.createTextNode(i+1);
				cell1.appendChild(textnode);
				textnode = document.createTextNode(responseArray[i]);
				cell2.appendChild(textnode);
				row.appendChild(cell1);
				row.appendChild(cell2);
				tabBody.appendChild(row);
			}
		}
		
	}

	//kaikki on valmista, poistetaan "Odota..."
	document.getElementById("infoArea").innerHTML="";

}


//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
//näytetään ranking tiedot
function set_ranking()
{
	if (document.forms['input'].ranking.options[document.forms['input'].ranking.selectedIndex].text == "<Rankingit>")
	{
		return;
	}
	//tyhjennetään table johon datat tulevat
	clear_data_table()

	//tulostetaan tieto siitä että jotain on tapahtumassa
	document.getElementById("infoArea").innerHTML="Odota...";

	//katsotaan kumpi sarja on valittuna
	for (var i=0;i<document.input.series.length;i++)
	{
		if (document.input.series[i].checked==true)
		{
			series=document.input.series[i].value
		}
	}

	//otsikko	
	document.getElementById("dataHeader").innerHTML=series.cap_start() + " - " + document.forms['input'].year.options[document.forms['input'].year.selectedIndex].text + " - " + document.forms['input'].ranking.options[document.forms['input'].ranking.selectedIndex].text;

	//muihin valikkoihin otsikko valituksi
	document.forms['input'].players.options[0].selected = true;
	document.forms['input'].games.options[0].selected = true;
	
	//synkroninen HTML request
	var params = "series="+series+"&year="+document.forms['input'].year.options[document.forms['input'].year.selectedIndex].text+"&ranking="+document.forms['input'].ranking.options[document.forms['input'].ranking.selectedIndex].value
	sync_html_request("sites/all/scripts/viikkokisat_ranking_data.php",params);

	//tietokannasta tulevat rivit ovat eroteltu ;-merkillä, splitataan taulukkoon
	var response=xmlHttp.responseText;
	var responseArray=response.split(";");

	//mikäli lähtöpisteet tai ranking pisteet
	if (document.forms['input'].ranking.options[document.forms['input'].ranking.selectedIndex].value == "start" || document.forms['input'].ranking.options[document.forms['input'].ranking.selectedIndex].value == "rankingTable")
	{
		//lisätään dataTable elementtiin solut ja rivit otsikon osalta
		tabBody=document.getElementById("dataTable");
		row=document.createElement("TR");
		//row.setAttribute("style", "font-weight:bold");
		row.style.cssText = "font-weight:bold";
		cell1 = document.createElement("TD");
		cell2 = document.createElement("TD");
		cell3 = document.createElement("TD");	
		cell4 = document.createElement("TD");
		textnode1=document.createTextNode("Sija");
		textnode2=document.createTextNode("Pelaaja");
		textnode3=document.createTextNode("Ranking pisteet");
		textnode4=document.createTextNode("Maksu");
		cell1.appendChild(textnode1);
		cell2.appendChild(textnode2);
		cell3.appendChild(textnode3);
		cell4.appendChild(textnode4);
		row.appendChild(cell1);
		row.appendChild(cell2);
		row.appendChild(cell3);
		row.appendChild(cell4);
		tabBody.appendChild(row);

		for (var i=0; i < responseArray.length; i++)
		{
			//tietokannasta tulevat rivit sisältävät :-merkillä erotettua dataa, splitataan taulukkoon
			var response=responseArray[i];
			var responseArray2=response.split(":");
	
			//responseArray2[2] on desimaaliluku, määritellään se numeroksi jotta voidaan esittää kahdella desimaalilla
			var num = new Number(responseArray2[2])
	
			//lisätään dataTable elementtiin solut ja rivit 
			tabBody=document.getElementById("dataTable");
			row=document.createElement("TR");
			cell1 = document.createElement("TD");
			cell2 = document.createElement("TD");
			cell3 = document.createElement("TD");
			cell4 = document.createElement("TD");
			textnode1=document.createTextNode(responseArray2[0].trim());
			textnode2=document.createTextNode(responseArray2[1].trim());
			textnode3=document.createTextNode(num.toFixed(2).trim());
			textnode4=document.createTextNode(responseArray2[3].trim());
			link=document.createElement("A");
			link.setAttribute("href", "#");
			link.setAttribute("onclick", "javascript:set_players('"+responseArray2[1].trim()+"')");
			cell1.appendChild(textnode1);
			link.appendChild(textnode2);
			cell2.appendChild(link);
			cell3.appendChild(textnode3);
			cell4.appendChild(textnode4);			
			row.appendChild(cell1);
			row.appendChild(cell2);
			row.appendChild(cell3);
			row.appendChild(cell4);
			tabBody.appendChild(row);
		}
	}

	//mikäli lopputurnaus ranking
	if (document.forms['input'].ranking.options[document.forms['input'].ranking.selectedIndex].value == "beachRanking")
	{
		if (responseArray.length != 1)
		{
			//lisätään dataTable elementtiin solut ja rivit otsikon osalta
			tabBody=document.getElementById("dataTable");
			row=document.createElement("TR");
			//row.setAttribute("style", "font-weight:bold");
			row.style.cssText = "font-weight:bold";
			cell1 = document.createElement("TD");
			cell2 = document.createElement("TD");
			cell3 = document.createElement("TD");	
			cell4 = document.createElement("TD");	
			textnode1=document.createTextNode("Sija");
			textnode2=document.createTextNode("Pelaaja");
			textnode3=document.createTextNode("Ranking pisteet");
			textnode4=document.createTextNode("Mukaan lasketut pisteet");
			cell1.appendChild(textnode1);
			cell2.appendChild(textnode2);
			cell3.appendChild(textnode3);
			cell4.appendChild(textnode4);
			row.appendChild(cell1);
			row.appendChild(cell2);
			row.appendChild(cell3);
			row.appendChild(cell4);
			tabBody.appendChild(row);
	
			for (var i=0; i < responseArray.length; i++)
			{
				//tietokannasta tulevat rivit sisältävät :-merkillä erotettua dataa, splitataan taulukkoon
				var response=responseArray[i];
				var responseArray2=response.split(":");
		
				//responseArray2[2] on desimaaliluku, määritellään se numeroksi jotta voidaan esittää kahdella desimaalilla
				var num = new Number(responseArray2[2])
		
				//lisätään dataTable elementtiin solut ja rivit 
				tabBody=document.getElementById("dataTable");
				row=document.createElement("TR");
				cell1 = document.createElement("TD");
				cell2 = document.createElement("TD");
				cell3 = document.createElement("TD");
				cell4 = document.createElement("TD");
				textnode1=document.createTextNode(responseArray2[0].trim());
				textnode2=document.createTextNode(responseArray2[1].trim());
				textnode3=document.createTextNode(num.toFixed(2).trim());
				textnode4=document.createTextNode(responseArray2[3].trim());
				link=document.createElement("A");
				link.setAttribute("href", "#");
				link.setAttribute("onclick", "javascript:set_players('"+responseArray2[1].trim()+"')");
				cell1.appendChild(textnode1);
				link.appendChild(textnode2);
				cell2.appendChild(link);
				cell3.appendChild(textnode3);
				cell4.appendChild(textnode4);
				row.appendChild(cell1);
				row.appendChild(cell2);
				row.appendChild(cell3);
				row.appendChild(cell4);
				tabBody.appendChild(row);
			}
		}
		else
		{
			//lisätään dataTable elementtiin solut ja rivit otsikon osalta
			tabBody=document.getElementById("dataTable");
			row=document.createElement("TR");
			//row.setAttribute("style", "font-weight:bold");
			row.style.cssText = "font-weight:bold";
			cell1 = document.createElement("TD");
			textnode1=document.createTextNode(responseArray[0]);
			cell1.appendChild(textnode1);
			row.appendChild(cell1);
			tabBody.appendChild(row);
		}
	}
	


	//kaikki on valmista, poistetaan "Odota..."
	document.getElementById("infoArea").innerHTML="";	

}

//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
function show_group(series,date,group)
{
	//tulostetaan tieto siitä että jotain on tapahtumassa
	document.getElementById("infoArea").innerHTML="Odota...";

	if (document.getElementById(date).childNodes.length < 1)
	{
		//synkroninen HTML request
		sync_html_request("sites/all/scripts/viikkokisat_player_games.php","series="+series+"&date="+date+"&group="+group);
	
		//tietokannasta tulevat rivit ovat eroteltu ;-merkillä, splitataan taulukkoon
		var response=xmlHttp.responseText;	
		response = response.trim();
		var responseArray=response.split(";");

		create_game_table(responseArray,date);
	}
	else
	{
		//divData
		while (document.getElementById(date).childNodes[0])
		{
			document.getElementById(date).removeChild(document.getElementById(date).childNodes[0]);
		}
	}
	
	//kaikki on valmista, poistetaan "Odota..."
	document.getElementById("infoArea").innerHTML="";
}

//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
function create_game_table(responseArray,element)
{
	for (var i=0; i < responseArray.length; i++)
	{
		var groupArray=responseArray[i].split(":");
		
		//lisätään dataTable elementtiin solut ja rivit otsikon osalta
		tabBody=document.getElementById(element);
		row=document.createElement("TR");
		//row.setAttribute("style", "font-weight:bold");
		row.style.cssText = "font-weight:bold";
		cell1 = document.createElement("TD");
		//cell1.setAttribute("style", "width:155px");
		cell1.style.cssText = "width:145px";
		cell2 = document.createElement("TD");
		//cell2.setAttribute("style", "text-align:center;width:35px");
		cell2.style.cssText = "text-align:center;width:40px";
		cell3 = document.createElement("TD");
		//cell3.setAttribute("style", "text-align:center;width:35px");
		cell3.style.cssText = "text-align:center;width:40px";
		cell4 = document.createElement("TD");
		//cell4.setAttribute("style", "text-align:center;width:35px");
		cell4.style.cssText = "text-align:center;width:40px";
		cell5 = document.createElement("TD");
		//cell5.setAttribute("style", "text-align:center;width:30px");
		cell5.style.cssText = "text-align:center;width:30px";
		cell6 = document.createElement("TD");
		//cell6.setAttribute("style", "text-align:center;width:45px");
		cell6.style.cssText = "text-align:center;width:45px";
		cell7 = document.createElement("TD");
		//cell7.setAttribute("style", "text-align:center;width:75px");
		cell7.style.cssText = "text-align:center;width:50px";
		cell8 = document.createElement("TD");
		//cell8.setAttribute("style", "text-align:center;width:35px");
		cell8.style.cssText = "text-align:center;width:35px";
		cell9 = document.createElement("TD");
		//cell9.setAttribute("style", "text-align:center;width:50px");
		cell9.style.cssText = "text-align:center;width:50px";
		if (groupArray[0].substring(0,1) == "0")
                {
                    textnode1=document.createTextNode("Lohko " + groupArray[0].substring(1));
                }
                else
                {
                    textnode1=document.createTextNode("Lohko " + groupArray[0]);
                }
		textnode2=document.createTextNode("1");
		textnode3=document.createTextNode("2");
		textnode4=document.createTextNode("3");
		textnode5=document.createTextNode("yht.");
		textnode6=document.createTextNode("sij.");
		textnode7=document.createTextNode("pp");
		textnode8=document.createTextNode("+/-");
		textnode9=document.createTextNode("ranking");
		cell1.appendChild(textnode1);
		cell2.appendChild(textnode2);
		cell3.appendChild(textnode3);
		cell4.appendChild(textnode4);
		cell5.appendChild(textnode5);
		cell6.appendChild(textnode6);
		cell7.appendChild(textnode7);
		cell8.appendChild(textnode8);
		cell9.appendChild(textnode9);
		row.appendChild(cell1);
		row.appendChild(cell2);
		row.appendChild(cell3);
		row.appendChild(cell4);
		row.appendChild(cell5);
		row.appendChild(cell6);
		row.appendChild(cell7);
		row.appendChild(cell8);
		row.appendChild(cell9);
		tabBody.appendChild(row);

		//lohkon pelaajien datat
		for (var j=0; j < 36; j=j+9)
		{
			//lisätään dataTable elementtiin solut ja rivit 
			tabBody=document.getElementById(element);
			row=document.createElement("TR");
			cell1=document.createElement("TD");
			textnode1=document.createTextNode(groupArray[1 + j]);
			if (groupArray[1 + j] != "täyte")
			{
				link=document.createElement("A");
				link.setAttribute("href", "#");
				link.setAttribute("onclick", "javascript:set_players('"+groupArray[1 + j]+"')");
				link.appendChild(textnode1);
				cell1.appendChild(link);
			}
			else
			{
				cell1.appendChild(textnode1);
			}
			row.appendChild(cell1);

			cell2 = document.createElement("TD");
			//cell2.setAttribute("style", "text-align:center");
			cell2.style.cssText = "text-align:center";
			textnode2=document.createTextNode(groupArray[2 + j]);
			cell2.appendChild(textnode2);
			row.appendChild(cell2);

			cell3 = document.createElement("TD");	
			//cell3.setAttribute("style", "text-align:center");
			cell3.style.cssText = "text-align:center";
			textnode3=document.createTextNode(groupArray[3 + j]);
			cell3.appendChild(textnode3);
			row.appendChild(cell3);

			cell4 = document.createElement("TD");
			//cell4.setAttribute("style", "text-align:center");
			cell4.style.cssText = "text-align:center";
			textnode4=document.createTextNode(groupArray[4 + j]);
			cell4.appendChild(textnode4);
			row.appendChild(cell4);
			
			cell5 = document.createElement("TD");
			//cell5.setAttribute("style", "text-align:center");
			cell5.style.cssText = "text-align:center";
			textnode5=document.createTextNode(groupArray[5 + j]);
			cell5.appendChild(textnode5);
			row.appendChild(cell5);
	
			cell6 = document.createElement("TD");
			//cell6.setAttribute("style", "text-align:center");
			cell6.style.cssText = "text-align:center";
			textnode6=document.createTextNode(groupArray[6 + j]);
			cell6.appendChild(textnode6);
			row.appendChild(cell6);

			cell7 = document.createElement("TD");
			//cell7.setAttribute("style", "text-align:center");
			cell7.style.cssText = "text-align:center";
			textnode7=document.createTextNode(groupArray[7 + j]);
			cell7.appendChild(textnode7);
			row.appendChild(cell7);
			
			cell8 = document.createElement("TD");
			//cell8.setAttribute("style", "text-align:center");
			cell8.style.cssText = "text-align:center";
			textnode8=document.createTextNode(groupArray[8 + j]);
			cell8.appendChild(textnode8);
			row.appendChild(cell8);
	
			cell9 = document.createElement("TD");
			//cell9.setAttribute("style", "text-align:center");
			cell9.style.cssText = "text-align:center";
			textnode9=document.createTextNode(groupArray[9 + j]);
			cell9.appendChild(textnode9);
			row.appendChild(cell9);
			
			tabBody.appendChild(row);
		}
	}
}

//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
function create_final_table(responseArray, element)
{
	var previousTime = "";
	for (var i=0; i < responseArray.length; i++)
	{		
		var groupData=responseArray[i].split(",");

		var currentTime = groupData[1];

		if (currentTime != previousTime)
		{
			tabBody=document.getElementById(element);
			row=document.createElement("TR");
			row.style.cssText = "font-weight:bold";
			cell1 = document.createElement("TD");
			cell2 = document.createElement("TD");
			textnode = document.createTextNode(groupData[1]);
			cell2.appendChild(textnode);
			row.appendChild(cell1);
			row.appendChild(cell2);
			tabBody.appendChild(row);
		}
		
		previousTime = groupData[1];

		row=document.createElement("TR");
		row.style.cssText = "font-weight:bold";
		cell1 = document.createElement("TD");
		cell2 = document.createElement("TD");
		cell3 = document.createElement("TD");
		cell4 = document.createElement("TD");
		cell5 = document.createElement("TD");
		cell6 = document.createElement("TD");
		cell7 = document.createElement("TD");		
		textnode = document.createTextNode(groupData[0]);
		cell2.appendChild(textnode);
		cell2.style.cssText = "border-style:solid;border-width:thin;text-align:center;";
		//cell2.style.cssText = "text-align:center;";
		textnode = document.createTextNode("#1");
		cell3.appendChild(textnode);
		cell3.style.cssText = "border-style:solid;border-width:thin;text-align:center;";
		textnode = document.createTextNode("#2");
		cell4.appendChild(textnode);
		cell4.style.cssText = "border-style:solid;border-width:thin;text-align:center;";
		textnode = document.createTextNode("#3");
		cell5.appendChild(textnode);
		cell5.style.cssText = "border-style:solid;border-width:thin;text-align:center;";
		textnode = document.createTextNode("P");
		cell6.appendChild(textnode);
		cell6.style.cssText = "border-style:solid;border-width:thin;text-align:center;";
		textnode = document.createTextNode("R");
		cell7.appendChild(textnode);
		cell7.style.cssText = "border-style:solid;border-width:thin;text-align:center;";
		row.appendChild(cell1);
		row.appendChild(cell2);
		row.appendChild(cell3);
		row.appendChild(cell4);
		row.appendChild(cell5);
		row.appendChild(cell6);
		row.appendChild(cell7);
		tabBody.appendChild(row);

		var k = 1;
	
		for (var j=2; j < 29; j=j+7)
		{

			row=document.createElement("TR");
			cell1 = document.createElement("TD");
			cell2 = document.createElement("TD");
			cell3 = document.createElement("TD");
			cell4 = document.createElement("TD");
			cell5 = document.createElement("TD");
			cell6 = document.createElement("TD");
			cell7 = document.createElement("TD");
			textnode = document.createTextNode(groupData[j]);
			cell1.appendChild(textnode);
			cell1.style.cssText = "border-style:solid;border-width:thin;";
			textnode = document.createTextNode(groupData[j+1]);
			if (groupData[j+1] != "-")
			{
				link=document.createElement("A");
				link.setAttribute("href", "#");
				link.setAttribute("onclick", "javascript:set_players('"+groupData[j+1]+"')");
				link.appendChild(textnode);
				cell2.appendChild(link);
			}
			else
			{
				cell2.appendChild(textnode);
			}
			cell2.style.cssText = "border-style:solid;border-width:thin;";
			if (groupData[j+2] != "0")
			{
				textnode = document.createTextNode(groupData[j+2]);
				cell3.appendChild(textnode);
				textnode = document.createTextNode(groupData[j+3]);
				cell4.appendChild(textnode);
				textnode = document.createTextNode(groupData[j+4]);
				cell5.appendChild(textnode);
				textnode = document.createTextNode(groupData[j+5]);
				cell6.appendChild(textnode);
				textnode = document.createTextNode(groupData[j+6]);
				cell7.appendChild(textnode);
			}
			else
			{
				textnode = document.createTextNode("-");
				cell3.appendChild(textnode);
				textnode = document.createTextNode("-");
				cell4.appendChild(textnode);
				textnode = document.createTextNode("-");
				cell5.appendChild(textnode);
				textnode = document.createTextNode("-");
				cell6.appendChild(textnode);
				textnode = document.createTextNode("-");
				cell7.appendChild(textnode);
			}
			cell3.style.cssText = "border-style:solid;border-width:thin;text-align:center;";
			cell4.style.cssText = "border-style:solid;border-width:thin;text-align:center;";
			cell5.style.cssText = "border-style:solid;border-width:thin;text-align:center;";
			cell6.style.cssText = "border-style:solid;border-width:thin;text-align:center;";
			cell7.style.cssText = "border-style:solid;border-width:thin;text-align:center;";
			row.appendChild(cell1);
			row.appendChild(cell2);
			row.appendChild(cell3);
			row.appendChild(cell4);
			row.appendChild(cell5);
			row.appendChild(cell6);
			row.appendChild(cell7);
			tabBody.appendChild(row);
			
			k++;
		}
		
		row=document.createElement("BR");	
		tabBody.appendChild(row);
	}

}


//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
//tyhjennetään dataTable 
function clear_data_table()
{
	//kuinka monta riviä tablessa on
	var rowCount = document.getElementById("dataTable").rows.length

	//poistetaan ensimmäinen rivi niin monta kertaa kuin rivejä alkujaan oli
	for (var i=0; i < rowCount; i++)
	{
		document.getElementById("dataTable").deleteRow(0);
	}	

	//dataTablen BR:t pois
	while (document.getElementById("dataTable").childNodes[0])
	{
		document.getElementById("dataTable").removeChild(document.getElementById("dataTable").childNodes[0]);
  	}

	//kuinka monta riviä tablessa on
	var rowCount = document.getElementById("dataTable2").rows.length

	//poistetaan ensimmäinen rivi niin monta kertaa kuin rivejä alkujaan oli
	for (var i=0; i < rowCount; i++)
	{
		document.getElementById("dataTable2").deleteRow(0);
	}

	//divData
	while (document.getElementById("dataDiv").childNodes[0])
	{
		document.getElementById("dataDiv").removeChild(document.getElementById("dataDiv").childNodes[0]);
  	}

}


//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
function sync_html_request(url,params)	
{
	xmlHttp=get_xml_http_object()
	if (xmlHttp==null)
  	{
  		alert ("Selaimesi ei tue HTTP Request:iä")
  		return
  	} 

	xmlHttp.open("POST",url,false)
	xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlHttp.setRequestHeader("Content-length", params.length);
	xmlHttp.setRequestHeader("Connection", "close");
	xmlHttp.send(params)
}


//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
function get_xml_http_object()
{
	var xmlHttp=null;
	try
 	{
 		// Firefox, Opera 8.0+, Safari
 		xmlHttp=new XMLHttpRequest();
 	}
	catch (e)
 	{
 		// Internet Explorer
 		try
  		{
  			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  		}
 		catch (e)
  		{
  			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  		}
 	}
	return xmlHttp;
}

//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
//ensimmäinen kirjain muutetaan isoksi
String.prototype.cap_start = function ()
{
	return this.substr(0,1).toUpperCase() + this.substr(1);	
};

//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////

String.prototype.trim = function () 
{
	return this.replace(/^\s*(\S*(\s+\S+)*)\s*$/, "$1");
};