/*
javascript functions for tindle site
*/



function LayoutPage()
{

	sColour = 'ffffff';
	
	if(document.getElementById)
	{
		// replace ul(lodin/register) content with image
		if(document.getElementById("reg-inner"))
		{
			var sElements = document.getElementById("reg-inner").getElementsByTagName("A");
			var sParentElements = document.getElementById("reg-inner").getElementsByTagName("LI");
			for (var i=0; i<sElements.length; i++) 
			{
				var innerHTML = escape(sElements[i].innerHTML);
				
				innerHTML = innerHTML.toUpperCase();

				if(sParentElements[i].className == 'current')
				{
					sColour = 'B8280F';
				}else{
					sColour = 'ffffff';
				}
			
				// escape() added the "%0D%0A" characters which caused a linebreak, Using replace to rectify the error.
				innerHTML = innerHTML.replace(new RegExp(/%0D%0A/g), "%20");
				innerHTML = innerHTML.replace("%20%26amp%3B%20" , "+%26+");
				innerHTML = innerHTML.toUpperCase();
			
				// write gsx link - note we sniff the width and set wrapping on the generated image
				//var gsx = "http://gsx.fuse8.net/image.gif?w=" + sElements[i].offsetWidth + "&size=8&bgcolor=4f4e4e&color=" + sColour + "&bold=true&cache=true&font=TT1101M.TTF"
				var gsx = "http://gsx.fuse8.net/image.gif?w=200&size=8&bgcolor=4f4e4e&color=" + sColour + "&bold=true&cache=true&font=TT1101M.TTF"
				gsx += "&autoresize=true&text=" + innerHTML
				sElements[i].innerHTML = '<img src="' + gsx + '">';
			}
		}
		
	}


var m_nFontSize = 8;

	if(document.getElementById)
	{
		// replace span.star page title content with image
		if(document.getElementById("reg-inner"))
		{
			var sElements = document.getElementById("reg-inner").getElementsByTagName("span");
			for (var i=0; i<sElements.length; i++) 
			{
				
				//var innerHTML = escape(sElements[i].innerHTML);
				var innerHTML = encodeURI(sElements[i].innerHTML);
								
				// escape() added the "%0D%0A" characters which caused a linebreak, Using replace to rectify the error.
				innerHTML = innerHTML.replace(new RegExp(/%0D%0A/g), "%20");
				innerHTML = innerHTML.replace("&amp;" , "+%26+");
				innerHTML = innerHTML.toUpperCase();
				
				
				// write gsx link - note we sniff the width and set wrapping on the generated image 
				//var gsx = "http://gsx.fuse8.net/image.gif?w=" + sElements[i].offsetWidth + "&h=13&bgcolor=4f4e4e&size=" + m_nFontSize + "&color=ffffff&bold=true&cache=true&font=TT1101M.TTF"
				var gsx = "http://gsx.fuse8.net/image.gif?w=200&h=13&bgcolor=4f4e4e&size=" + m_nFontSize + "&color=ffffff&bold=true&cache=true&font=TT1101M.TTF"
				gsx += "&autoresize=true&wrap=true&text=" + innerHTML
				
				sElements[i].style.display = 'none';		
								  
				sElements[i].innerHTML = '<img src="' + gsx + '">';
				
				sElements[i].style.textIndent = '0px';
				sElements[i].style.display = '';
			}
			
		}
		
	}

var m_nFontSize = 8;

	if(document.getElementById)
	{
		// replace span.star page title content with image
		if(document.getElementById("reg-inner"))
		{
			var sElements = document.getElementById("reg-inner").getElementsByTagName("label");
			for (var i=0; i<sElements.length; i++) 
			{
				
				//var innerHTML = escape(sElements[i].innerHTML);
				var innerHTML = encodeURI(sElements[i].innerHTML);
								
				// escape() added the "%0D%0A" characters which caused a linebreak, Using replace to rectify the error.
				innerHTML = innerHTML.replace(new RegExp(/%0D%0A/g), "%20");
				innerHTML = innerHTML.replace("&amp;" , "+%26+");
				innerHTML = innerHTML.toUpperCase();
				
				
				// write gsx link - note we sniff the width and set wrapping on the generated image 
				//var gsx = "http://gsx.fuse8.net/image.gif?w=" + sElements[i].offsetWidth + "&h=500&bgcolor=4f4e4e&size=" + m_nFontSize + "&color=ffffff&bold=true&cache=true&font=TT1101M.TTF"
				var gsx = "http://gsx.fuse8.net/image.gif?w=200&h=500&bgcolor=4f4e4e&size=" + m_nFontSize + "&color=ffffff&bold=true&cache=true&font=TT1101M.TTF"
				gsx += "&autoresize=true&wrap=true&text=" + innerHTML
				
				sElements[i].style.display = 'none';		
								  
				sElements[i].innerHTML = '<img src="' + gsx + '">';
				
				sElements[i].style.textIndent = '0px';
				sElements[i].style.display = '';
			}
			
		}
		
	}

}