var Page = new Object();	
Page.index;

Page.onResponse = function() 
{
	if(Ajax.CheckReadyState(Ajax.request))
	{
		document.getElementById('categories').innerHTML = "";
		document.getElementById('ranking').innerHTML = "";

		document.getElementById("rankingBlock").style.display = 'block';
		document.getElementById("categoriesBlock").style.display = 'block';
		document.getElementById("byCategoriesBlock").style.display = 'none';

		var	response = Ajax.request.responseXML.documentElement;
		var _offset = response.getElementsByTagName('offset')[0].firstChild.nodeValue;
		var _post = response.getElementsByTagName('post');
		var _categories = response.getElementsByTagName('categories');
		var _maxrows = response.getElementsByTagName('max')[0].firstChild.nodeValue;

		var rank = _offset;

		if(_post.length == 0)
		{
			document.getElementById('posts').innerHTML = 'There are currently no available posts.<br/>Click the "add new post" button above to add a new post';	
		}
		
		if(_categories.length == 0)
		{
			document.getElementById('categories').innerHTML = 'There are currently no categories.';	
		}
		
		var divLoc = document.getElementById('ranking');
		var table = document.createElement('table');
		var tbody = document.createElement('tbody');
			table.style.width='255px';
			table.style.textAlign = 'left';
			table.style.margin='0px 0px 0px 0px';

		for(var i=0; i<_post.length; i++)
		{
			rank++;
			var _time = response.getElementsByTagName('time')[i].firstChild.data;
			var _name = response.getElementsByTagName('name')[i].firstChild.data;	
						
			var tr = document.createElement('TR');	
			tbody.appendChild(tr);
			var td = document.createElement('TD');
			tr.appendChild(td);
			td.innerHTML= "<div style=\"width: 20px\">"+rank+"</div>";
			var td2 = document.createElement('TD');
			tr.appendChild(td2);
			td2.innerHTML= "<div style=\"width: 130px\">"+ _name +"</div>";
			var td3 = document.createElement('TD');
			tr.appendChild(td3);
			td3.innerHTML= "<div style=\"width: 40px; text-align: right;\">"+_time+"</div>";
		}

		var _nextPage = Number(_offset) + Number(10);
		var _prevPage = Number(_offset) - Number(10);

		if (rank >= 10)
			{
			if (_offset == 0)
			{
				var nav = "<img src=\"/images/blank.gif\" width=\"124\" height=\"1\"> <a href=\"javascript:Page.get('"+ _nextPage +"');\"><img src=\"/images/hiscores/rightArrow.gif\" width=\"22\" height=\"25\" border=\"0\"></a>";
			}
			else if (rank == _maxrows)
			{
				var nav =  "<div style=\"float: left; margin-left:-2px\"><a href=\"javascript:Page.get('"+ _prevPage +"');\"><img src=\"/images/hiscores/leftArrow.gif\" width=\"22\" height=\"25\" border=\"0\"></a></div> ";
			}
			else
			{
				var nav = "<div style=\"float: left; margin-left:-2px\"><a href=\"javascript:Page.get('"+ _prevPage +"');\"><img src=\"/images/hiscores/leftArrow.gif\" width=\"22\" height=\"25\" border=\"0\"></a></div> <img src=\"/images/blank.gif\" width=\"104\" height=\"1\"> <a href=\"javascript:Page.get('"+ _nextPage +"');\"><img src=\"/images/hiscores/rightArrow.gif\" width=\"22\" height=\"25\" border=\"0\"></a>";
			}
			}
		else
			var nav = "";
		var tr2 = document.createElement('TR');
		tbody.appendChild(tr2);
		var td = document.createElement('TD');
		td.colSpan = 3;
		tr2.appendChild(td);
		td.innerHTML = nav;
		

		table.appendChild(tbody);
		divLoc.appendChild(table);


		var divLoc1 = document.getElementById('categories');
		var table1 = document.createElement('table');
		var tbody1 = document.createElement('tbody');
			table1.style.width='276px';
			table1.style.textAlign = 'left';
		
		rank=0;
		for(var i=0; i<_categories.length; i++)
		{
			rank++;
			var _id = response.getElementsByTagName('id')[i].firstChild.data;
			var _category = response.getElementsByTagName('category')[i].firstChild.data;
			var _average = response.getElementsByTagName('average')[i].firstChild.data;

			var tr= document.createElement('TR');
			tbody1.appendChild(tr);
			var td= document.createElement('TD');
			tr.appendChild(td);
			td.innerHTML= "<div style=\"width: 10px\">"+rank+"</div>";
			var td2= document.createElement('TD');
			tr.appendChild(td2);
			td2.innerHTML= "<div style=\"width: 90px; color: #f00;\"><b><a href=\"javascript:Page.getCategory('"+ _id +"','0');\">"+ _category +"</a></b></div>";
			var td3= document.createElement('TD');
			tr.appendChild(td3);
			td3.innerHTML= "<div style=\"width: 40px; text-align: right;\">"+_average+"</div>";
		}

		table1.appendChild(tbody1);
		divLoc1.appendChild(table1);
	}
}


Page.showCategory = function()
{
	if(Ajax.CheckReadyState(Ajax.request))
	{
		document.getElementById('bycategory').innerHTML = "";
		document.getElementById('categories').innerHTML = "";
		document.getElementById('ranking').innerHTML = "";

		document.getElementById("rankingBlock").style.display = 'block';
		document.getElementById("categoriesBlock").style.display = 'none';
		document.getElementById("byCategoriesBlock").style.display = 'block';

		document.getElementById("byCategoriesBlockTitle").src = 'images/hiscores/headerCategories.gif';
		document.getElementById("byCategoriesBlockFooter").src = 'images/hiscores/footer.gif';

		var	response = Ajax.request.responseXML.documentElement;
		var _offset = response.getElementsByTagName('offset')[0].firstChild.nodeValue;
		var _catoffset = response.getElementsByTagName('catoffset')[0].firstChild.nodeValue;
		var _post = response.getElementsByTagName('post');
		var _categories = response.getElementsByTagName('categories');
		var _maxrows = response.getElementsByTagName('max')[0].firstChild.nodeValue;
		var _catmaxrows = response.getElementsByTagName('catmax')[0].firstChild.nodeValue;

		var rank = _offset;
		var catrank = _catoffset;

		var _byCategory = response.getElementsByTagName('bycategory');
		var _byCategoryTitle = response.getElementsByTagName('categoryname')[0].firstChild.data;
		var _Category = response.getElementsByTagName('category')[0].firstChild.data;

		if(_post.length == 0)
		{
			document.getElementById('posts').innerHTML = 'There are currently no available posts.<br/>Click the "add new post" button above to add a new post';	
		}
		
		if(_categories.length == 0)
		{
			document.getElementById('categories').innerHTML = 'There are currently no categories.';	
		}
		
		var divLoc = document.getElementById('ranking');
		var table = document.createElement('table');
		var tbody = document.createElement('tbody');
			table.style.width='255px';
			table.style.textAlign = 'left';
			table.style.margin='0px 0px 0px 0px';

		for(var i=0; i<_post.length; i++)
		{
			rank++;
			var _time = response.getElementsByTagName('time')[i].firstChild.data;
			var _name = response.getElementsByTagName('name')[i].firstChild.data;	
						
			var tr = document.createElement('TR');	
			tbody.appendChild(tr);

			var td = document.createElement('TD');
			tr.appendChild(td);

			td.innerHTML= "<div style=\"width: 20px\">"+rank+"</div>";
			var td2 = document.createElement('TD');
			tr.appendChild(td2);
			td2.innerHTML= "<div style=\"width: 130px\">"+ _name +"</div>";
			var td3 = document.createElement('TD');
			tr.appendChild(td3);
			td3.innerHTML= "<div style=\"width: 40px; text-align: right;\">"+_time+"</div>";

		}

		var _nextPage = Number(_offset) + Number(10);
		var _prevPage = Number(_offset) - Number(10);

		if (rank >= 10)
			{
			if (_offset == 0)
			{
				var nav = "<img src=\"/images/blank.gif\" width=\"124\" height=\"1\"> <a href=\"javascript:Page.get('"+ _nextPage +"');\"><img src=\"/images/hiscores/rightArrow.gif\" width=\"22\" height=\"25\" border=\"0\"></a>";
			}
			else if (rank == _maxrows)
			{
				var nav =  "<div style=\"float: left; margin-left:-2px\"><a href=\"javascript:Page.get('"+ _prevPage +"');\"><img src=\"/images/hiscores/leftArrow.gif\" width=\"22\" height=\"25\" border=\"0\"></a></div> ";
			}
			else
			{
				var nav = "<div style=\"float: left; margin-left:-2px\"><a href=\"javascript:Page.get('"+ _prevPage +"');\"><img src=\"/images/hiscores/leftArrow.gif\" width=\"22\" height=\"25\" border=\"0\"></a></div> <img src=\"/images/blank.gif\" width=\"104\" height=\"1\"> <a href=\"javascript:Page.get('"+ _nextPage +"');\"><img src=\"/images/hiscores/rightArrow.gif\" width=\"22\" height=\"25\" border=\"0\"></a>";
			}
			}
		else
			var nav = "";
		var tr2 = document.createElement('TR');
		tbody.appendChild(tr2);
		var td = document.createElement('TD');
		td.colSpan = 3;
		tr2.appendChild(td);
		td.innerHTML = nav;
		

		table.appendChild(tbody);
		divLoc.appendChild(table);


		if(_byCategory.length == 0)
		{
			document.getElementById('bycategory').innerHTML = 'There are currently no available users in this category.';
		}
		else	
			document.getElementById('bycategory').innerHTML = "<b>"+_byCategoryTitle+"</b>";

		var divLoc = document.getElementById('bycategory');
		var table = document.createElement('table');
		var tbody = document.createElement('tbody');
			table.style.width='270px'; //'276px';
			table.style.textAlign = 'left';

		for(var i=0; i<_byCategory.length; i++)
		{
			catrank++;
			var _name = response.getElementsByTagName('catname')[i].firstChild.data;
			var _time = response.getElementsByTagName('cattime')[i].firstChild.data;
					
			var tr= document.createElement('TR');
			tbody.appendChild(tr);
			var td= document.createElement('TD');
			tr.appendChild(td);
			td.innerHTML= "<div style=\"width: 15px; \">"+catrank+"</div>";
			var td2= document.createElement('TD');
			tr.appendChild(td2);
			td2.innerHTML= "<div style=\"width: 85px; \">"+_name+"</div>";
			var td3= document.createElement('TD');
			tr.appendChild(td3);
			td3.innerHTML= "<div style=\"width: 40px; text-align: right; \">"+_time+"</div>";
		}

		var _nextPage = Number(_catoffset) + Number(10);
		var _prevPage = Number(_catoffset) - Number(10);

		if (catrank >= 10)
		{
			if (_catoffset == 0)
			{
				var nav = "<img src=\"/images/blank.gif\" width=\"124\" height=\"1\"> <a href=\"javascript:Page.getCategory('"+ _Category +"', '"+ _nextPage +"');\"><img src=\"/images/hiscores/rightArrow.gif\" width=\"22\" height=\"25\" border=\"0\"></a>";
			}
			else if (catrank == _catmaxrows)
			{
				var nav =  "<div style=\"float: left; margin-left:-2px\"><a href=\"javascript:Page.getCategory('"+ _Category +"', '"+ _prevPage +"');\"><img src=\"/images/hiscores/leftArrow.gif\" width=\"22\" height=\"25\" border=\"0\"></a></div> ";
			}
			else
			{
				var nav = "<div style=\"float: left; margin-left:-2px\"><a href=\"javascript:Page.getCategory('"+ _Category +"', '"+ _prevPage +"');\"><img src=\"/images/hiscores/leftArrow.gif\" width=\"22\" height=\"25\" border=\"0\"></a></div> <img src=\"/images/blank.gif\" width=\"104\" height=\"1\"> <a href=\"javascript:Page.getCategory('"+ _Category +"', '"+ _nextPage +"');\"><img src=\"/images/hiscores/rightArrow.gif\" width=\"22\" height=\"25\" border=\"0\"></a>";
			}
		}
		else
			var nav = "";

		var tr2 = document.createElement('TR');
		tbody.appendChild(tr2);
		var td = document.createElement('TD');
		td.colSpan = 3;
		tr2.appendChild(td);
		if (nav == "")
		{
			td.innerHTML = "<img src=\"/images/blank.gif\" width=\"10\" height=\"10\">";
		}
		else
		{
			td.innerHTML = nav;
		}

		var tr2 = document.createElement('TR');
		tbody.appendChild(tr2);
		var td = document.createElement('TD');
		td.colSpan = 3;
		tr2.appendChild(td);
		td.innerHTML = "<div style=\"float: left; margin-left:-4px\"><a href=\"javascript:Ajax.Request('ajax/services/connector.php?method=get', Page.onResponse);\"><img src=\"/images/hiscores/leftArrow.gif\" width=\"23\" height=\"25\" border=\"0\"></a></div> ";
		
		table.appendChild(tbody);
		divLoc.appendChild(table);
	}
}

Page.ranking = function()
{
	if(Ajax.CheckReadyState(Ajax.request))
	{
		document.getElementById('ranking').innerHTML = "";
		document.getElementById('bycategory').innerHTML = "";
		document.getElementById('categories').innerHTML = "";
		document.getElementById("ranking").style.display = 'block';
		document.getElementById("byCategoriesBlock").style.display = 'none';

		var	response = Ajax.request.responseXML.documentElement;
		var _offset = response.getElementsByTagName('offset')[0].firstChild.nodeValue;
		var _ranked = response.getElementsByTagName('ranked')[0].firstChild.nodeValue;	
		var _overallrank = response.getElementsByTagName('overallrank')[0].firstChild.nodeValue;	
		var _categories = response.getElementsByTagName('categories');
		var _maxrows = response.getElementsByTagName('max')[0].firstChild.nodeValue;
		var _post = response.getElementsByTagName('post');

		if (_ranked == 0)
		{
			_ranked = 10;
		}

		var rank = _offset;

		if(_post.length == 0)
		{
			document.getElementById('posts').innerHTML = 'There are currently no available posts.<br/>Click the "add new post" button above to add a new post';	
		}
		
		var divLoc = document.getElementById('ranking');
		var table = document.createElement('table');
		var tbody = document.createElement('tbody');
			table.style.width='250px';
			table.style.textAlign = 'left';
			table.style.margin='0px 0px 0px 0px';

		for(var i=0; i<_post.length; i++)
		{
			rank++;
			var _time = response.getElementsByTagName('time')[i].firstChild.data;
			var _name = response.getElementsByTagName('name')[i].firstChild.data;
						
			var tr = document.createElement('TR');
				if (rank == _overallrank)
				{
					tr.className = "colour";			
				}
			tbody.appendChild(tr);
			var td = document.createElement('TD');
			tr.appendChild(td);
			td.innerHTML= "<div style=\"width: 30px; \">"+rank+"</div>";
			var td2 = document.createElement('TD');
			tr.appendChild(td2);
			td2.innerHTML= "<div style=\"width: 90px; \">"+_name+"</div>";
			var td3 = document.createElement('TD');
			tr.appendChild(td3);
			td3.innerHTML= "<div style=\"width: 40px; text-align: right; \">"+_time+"</div>";
		}

		var _nextPage = Number(_offset) + Number(10);
		var _prevPage = Number(_offset) - Number(10);

		if (_offset == 0)
		{
			var nav = "<img src=\"/images/blank.gif\" width=\"128\" height=\"1\"><a href=\"javascript:Page.getRanking("+ _nextPage +", "+ _overallrank +");\"><img src=\"/images/hiscores/rightArrow.gif\" width=\"22\" height=\"25\" border=\"0\"></a>";
		}
		else if (rank == _maxrows)
		{
			var nav =  "<div style=\"float: left; margin-left:-2px\"><a href=\"javascript:Page.getRanking("+ _prevPage +", "+ _overallrank +");\"><img src=\"/images/hiscores/leftArrow.gif\" width=\"22\" height=\"25\" border=\"0\"></a></div> ";
		}
		else
		{
			var nav = "<div style=\"float: left; margin-left: -2px\"><a href=\"javascript:Page.getRanking("+ _prevPage +", "+ _overallrank +");\"><img src=\"/images/hiscores/leftArrow.gif\" width=\"22\" height=\"25\" border=\"0\"></a></div> <img src=\"/images/blank.gif\" width=\"103\" height=\"1\">  <a href=\"javascript:Page.getRanking("+ _nextPage +", "+ _overallrank +");\"><img src=\"/images/hiscores/rightArrow.gif\" width=\"23\" height=\"25\" border=\"0\"></a>";
		}
		var tr2 = document.createElement('TR');
		tbody.appendChild(tr2);
		var td = document.createElement('TD');
		td.colSpan = 3;
		tr2.appendChild(td);
		td.innerHTML = nav;		

		table.appendChild(tbody);
		divLoc.appendChild(table);

		var divLoc1 = document.getElementById('categories');
		var table1 = document.createElement('table');
		var tbody1 = document.createElement('tbody');
			table1.style.width='276px';
			table1.style.textAlign = 'left';
		
		rank=0;
		for(var i=0; i<_categories.length; i++)
		{
			rank++;
			var _id = response.getElementsByTagName('id')[i].firstChild.data;
			var _category = response.getElementsByTagName('category')[i].firstChild.data;
			var _average = response.getElementsByTagName('average')[i].firstChild.data;

			var tr= document.createElement('TR');
			tbody1.appendChild(tr);
			var td= document.createElement('TD');
			tr.appendChild(td);
			td.innerHTML= rank;
			var td2= document.createElement('TD');
			tr.appendChild(td2);
			td2.innerHTML= "<a href=\"javascript:Page.getCategory('"+ _id +"', '0');\">"+ _category +"</a>";
			var td3= document.createElement('TD');
			tr.appendChild(td3);
			td3.innerHTML= _average;
		}

		table1.appendChild(tbody1);
		divLoc1.appendChild(table1);
	}
}

Page.tellFriendShow = function()
{
		document.getElementById('tellFriend').innerHTML = "";

		var divLoc = document.getElementById('tellFriend');
		var fontSmall = "<FONT FACE=ARIAL SIZE=1 STYLE='font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 13px;'>";

		var divContent = "<div class='spreadTheWord2'  style='border: 1px solid #FFCC00;'>";
		divContent = divContent + "	<div style=\"margin: 12px 0px 0px 125px; width: 140px;  border: 1px solid #f00;\">"+ fontSmall+"You can help put Life first by passing on our message to someone who will be visiting the beach this Summer. </FONT></div>";

		divContent = divContent + "<div style='margin: 10px 10px 0px 12px;'>";
			divContent = divContent + "<div class='textWhite'>";
			divContent = divContent + "<a href='javascript:Page.tellFriendHide();' style='color: #fff; text-decoration: none'><img src='/images/template/redArrowDown.gif' width='22' height='22' border='0' alt='' align='right'>Tell a friend about Life first and challenge them to our <i>Brain waves</i> game</a>";
			divContent = divContent + "</div>";
			divContent = divContent + "<div class='tellFriendHR'></div>\n";

			divContent = divContent + fontSmall+"Help us spread the wordby sending your friends an e-mail telling them about the Life Firstcampaignwith this quick and easy form.";
			divContent = divContent + "<br /><img src='/images/blank.gif' width=1 height=3><br />";
			divContent = divContent + "Just fill in all the boxes and click the button to send.";
			divContent = divContent + "<br /><img src='/images/blank.gif' width=1 height=3><br /></font>\n";

			divContent = divContent + "<form action='/involved.php' method='post'>\n";
			divContent = divContent + "<input type=hidden name=act value=send>\n";

			divContent = divContent + "<div class='tellFriendForm'>&nbsp;Friend's name: <input type=text name=friendName style='width: 150px; background-color: #FFCC00; color: #FF0000; border: none;'/></div>\n";
			divContent = divContent + "<div class='tellFriendForm'>&nbsp;Friend's email: <input type=text name=friendEmail style='width: 150px; background-color: #FFCC00; color: #FF0000; border: none; '/></div>\n";
			divContent = divContent + "<div class='tellFriendForm'>&nbsp;Your name: <input type=text name=name style='width: 160px; background-color: #FFCC00; color: #FF0000; border: none; '/></div>\n";
			divContent = divContent + "<div class='tellFriendForm'>&nbsp;Your email: <input type=text name=email style='width: 160px; background-color: #FFCC00; color: #FF0000; border: none; '/></div>\n";
			divContent = divContent + "<img src='/images/blank.gif' width=1 height=5><br />\n";

			divContent = divContent + "<input type=image src=/images/forms/send.gif width=57 height=18 style='float: right; margin: 5px 0px 10px 0px;'>\n";
			divContent = divContent + fontSmall+"Your friend’s details will not be stored unless they play game and choose to receive information themselves.To read our privacy policy, <a href=\"http://www.rnli.org.uk/supplementary/privacy_and_security\" target=\"new\" style=\"color: #fff; text-decoration: underline;\">click here</a>";

//			divContent = divContent + "<div class='tellFriendHR' style='height: 1px; '></div>\n";
//		divContent = divContent + "<div class='textWhite'><a href='/index.php' style='color: #fff; text-decoration: none'><img src='/images/template/redArrow.gif' width='22' height='22' border='0' alt='' align='right'>Play our game</a></div>\n";

		divContent = divContent + "</form>\n";
		divContent = divContent + "</font>\n</div>\n";

		divContent = divContent + "</div>\n";

		divLoc.innerHTML  = divContent;
}

Page.tellFriendHide = function()
{
		document.getElementById('tellFriend').innerHTML = "";

		var divLoc = document.getElementById('tellFriend');

		var divContent = "<div class='spreadTheWord'  style='border: 1px solid #FFCC00;'>";

		divContent = divContent + "<div style='margin: 12px 0px 0px 125px; width: 140px;  border: 1px solid #f00;'>\n";
		divContent = divContent + "<FONT FACE=ARIAL SIZE=1 STYLE='font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 13px;'> You can help put Life first by passing on our message to someone who will be visiting the beach this Summer. </FONT></div>\n";
		divContent = divContent + "<div style='margin: 10px 10px 0px 12px;'>\n";
		divContent = divContent + "<div class='textWhite'><a href='javascript:Page.tellFriendShow();' style='color: #fff; text-decoration: none'><img src='/images/template/redArrow.gif' width='22' height='22' border='0' alt='' align='right'>Tell a friend about Life first and challenge them to our <i>Brain waves</i> game</a></div>\n";
//		divContent = divContent + "<div class='tellFriendHR'></div>\n";
//		divContent = divContent + "<div class='textWhite'><a href='/index.php' style='color: #fff; text-decoration: none'><img src='/images/template/redArrow.gif' width='22' height='22' border='0' alt='' align='right'>Play our game</a></div>\n";
		divContent = divContent + "</div>\n";
		divContent = divContent + "</div>\n";


		divLoc.innerHTML  = divContent;
}

Page.get = function(_id)
{
	Ajax.Request("ajax/services/connector.php?method=get&id="+ _id, Page.onResponse);
}

Page.getCategory = function(_id, _catOffset)
{
	Ajax.Request("ajax/services/connector.php?method=getCategory&id="+ _id +"&title="+ _catOffset, Page.showCategory);
}

Page.getRanking = function(_id, _overallRank)
{
	Ajax.Request("ajax/services/connector.php?method=getRanking&id="+ _id +"&title="+ _overallRank +"&description=no", Page.ranking);
}