// formStyle.js, produced by Philip Howard, GamingHeadlines.co.uk
// This JavaScript is open source and freely available to all those who wish to use it.
// A link back to GamingHeadlines.co.uk would be appreciated!

	function toggleCheckbox(cbId,cbKey,ffId)
	{
	if (cbKey&&cbKey==0||!cbKey){
	var cbFF = document.getElementById(ffId);
	
		if (cbFF.disabled) return false;

		var cbFFValue = cbFF.checked;
		
		if(cbId.className.indexOf("CheckboxChecked")<0)
			{
				var checkBoxType = cbId.className.replace("Checkbox","");
				cbFF.checked=true;cbId.className="CheckboxChecked"+checkBoxType;}
			else
			{
				var checkBoxType = cbId.className.replace("CheckboxChecked","");
				cbFF.checked=false;cbId.className="Checkbox"+checkBoxType;}
		}
	}
	
	function InitialiseCheckboxes()
	{
		var inputFields = document.getElementsByTagName("span");
		var checkboxIndex = 0;
		
		for (var inputIndex=0;inputIndex<inputFields.length;inputIndex++)
			{
				if (inputFields[inputIndex].className=="cbStyled")
					{
						var styleType = "";
						if (inputFields[inputIndex].getAttribute("name")!=null){styleType=inputFields[inputIndex].getAttribute("name");}
						
						var inputCurrent = inputFields[inputIndex].getElementsByTagName("input").item(0);
						if(inputCurrent.getAttribute("type")=="checkbox")
						{
							//inputCurrent.setAttribute("class","InputHidden");
							inputCurrent.className = "InputHidden";
							inputCurrent.setAttribute("id","StyledCheckbox"+checkboxIndex);
							
							if(navigator.appName.indexOf("Internet Explorer")>0)
							{
								//Internet Explorer
								var inputHTML = inputFields[inputIndex].innerHTML;
								var styledHTML = "<a href=\"#\""
								
								//styledHTML+=" name=\""+inputCurrent.getAttribute("name")+"\""
								
								if(inputCurrent.hasAttribute){if(inputCurrent.hasAttribute("title")){styledHTML+=" title=\""+inputCurrent.getAttribute("title")+"\"";}}

								if (inputCurrent.disabled)
								{ styledHTML+=" class=\"CheckboxDisabled"+styleType+"\"" }
								else if (inputCurrent.checked)
								{ styledHTML+=" class=\"CheckboxChecked"+styleType+"\"" }
								else
								{ styledHTML+=" class=\"Checkbox"+styleType+"\"" }
									
								styledHTML+=" onClick=\"toggleCheckbox(this,'','StyledCheckbox"+checkboxIndex+"');return false;\""
								styledHTML+=" onKeyPress=\"toggleCheckbox(this,event.keyCode,'StyledCheckbox"+checkboxIndex+"');return false;\""
								
								styledHTML+="></a>"
								
								inputFields[inputIndex].innerHTML = inputHTML+styledHTML;
							}
							else
							{
								var styledCheckbox = document.createElement("a"); 
								styledCheckbox.setAttribute("href","#");
								
								if(inputCurrent.hasAttribute){if(inputCurrent.hasAttribute("title")){styledCheckbox.setAttribute("title",inputCurrent.getAttribute("title"));}}
								
								styledCheckbox.setAttribute("onClick","toggleCheckbox(this,'','StyledCheckbox"+checkboxIndex+"');return false;");
								styledCheckbox.setAttribute("onKeyPress","toggleCheckbox(this,event.keyCode,'StyledCheckbox"+checkboxIndex+"');");
								
								if (inputCurrent.disabled)
                                                                { styledCheckbox.className="CheckboxDisabled"+styleType; }	
								else if (inputCurrent.checked)
								{ styledCheckbox.className="CheckboxChecked"+styleType; }//styledCheckbox.setAttribute("class","CheckboxChecked");}
								else
								{ styledCheckbox.className="Checkbox"+styleType;}//styledCheckbox.setAttribute("class","Checkbox");}
									
								inputFields[inputIndex].appendChild(styledCheckbox);
							}
							
							checkboxIndex++;
						}
					}
			}	
	}
	
	function toggleRadiobox(rbObj,rbKey,rbGroup,rbId)
	{
	if (rbKey&&rbKey==0||!rbKey){

	// disabled?
	fid = rbObj.id.replace(/_a$/,'');
	el = document.getElementById(fid);
	if (el.disabled) return false;

	var inputFields = document.getElementsByTagName("a");
		for (var inputIndex=0;inputIndex<inputFields.length;inputIndex++)
			{
				if (inputFields[inputIndex].getAttribute("name")==rbGroup){
					

					if(inputFields[inputIndex].className.indexOf("RadioboxChecked")<0)
									{var RadioBoxType = inputFields[inputIndex].className.replace("Radiobox","");}
									else
									{var RadioBoxType = inputFields[inputIndex].className.replace("RadioboxChecked","");}
					inputFields[inputIndex].className="Radiobox"+RadioBoxType;
					}
			}

	var inputFields = document.getElementsByTagName("input");
		for (var inputIndex=0;inputIndex<inputFields.length;inputIndex++)
			{
				if (inputFields[inputIndex].getAttribute("name")==rbGroup)
					{
						if(inputFields[inputIndex].getAttribute("id")==rbId && inputFields[inputIndex].disabled) continue;

						if (inputFields[inputIndex].getAttribute("id")==rbId)
							{
								if(rbObj.className.indexOf("RadioboxChecked")<0)
									{var RadioBoxType = rbObj.className.replace("Radiobox","");}
									else
									{var RadioBoxType = rbObj.className.replace("RadioboxChecked","");}

								inputFields[inputIndex].checked = true;rbObj.className="RadioboxChecked"+RadioBoxType;}
							else
							{inputFields[inputIndex].checked = false;}
					}
			}
	}
	}
	
	function InitialiseRadioboxes()
	{
		var inputFields = document.getElementsByTagName("span");
		var radioboxIndex = 0;
		
		for (var inputIndex=0;inputIndex<inputFields.length;inputIndex++)
			{
				if (inputFields[inputIndex].className=="rbStyled")
					{
						var styleType = "";
						if (inputFields[inputIndex].getAttribute("name")!=null){styleType=inputFields[inputIndex].getAttribute("name");}
						
						var inputCurrent = inputFields[inputIndex].getElementsByTagName("input").item(0);
						if(inputCurrent.getAttribute("type")=="radio")
						{
							//inputCurrent.setAttribute("class","InputHidden");
							inputCurrent.className = "InputHidden";
							inputCurrent.setAttribute("id","StyledRadiobox"+radioboxIndex);
							
							if(navigator.appName.indexOf("Internet Explorer")>0)
							{
								//Internet Explorer
								var inputHTML = inputFields[inputIndex].innerHTML;
								var styledHTML = "<a href=\"#\""
								
								styledHTML+=" name=\""+inputCurrent.getAttribute("name")+"\""
								styledHTML+=" id=\"StyledRadiobox"+radioboxIndex+"_a\""
								
								if(inputCurrent.hasAttribute){if(inputCurrent.hasAttribute("title")){styledHTML+=" title=\""+inputCurrent.getAttribute("title")+"\"";}}
								
								if (inputCurrent.disabled)
								{ styledHTML+=" class=\"RadioboxDisabled"+styleType+"\"" }
								else if (inputCurrent.checked)
								{ styledHTML+=" class=\"RadioboxChecked"+styleType+"\"" }
								else
								{ styledHTML+=" class=\"Radiobox"+styleType+"\"" }
									
								styledHTML+=" onClick=\"toggleRadiobox(this,'','"+inputCurrent.getAttribute("name")+"','StyledRadiobox"+radioboxIndex+"');return false;\""
								styledHTML+=" onKeyPress=\"toggleRadiobox(this,event.keyCode,'"+inputCurrent.getAttribute("name")+"','StyledRadiobox"+radioboxIndex+"');return false;\""
								
								styledHTML+="></a>"
								
								inputFields[inputIndex].innerHTML = inputHTML+styledHTML;
							}
							else
							{
								//Firefox, Opera, Netscape
								var styledRadiobox = document.createElement("a"); 
								styledRadiobox.setAttribute("href","#");
								styledRadiobox.setAttribute("name",inputCurrent.getAttribute("name"));
								
								if(inputCurrent.hasAttribute){if(inputCurrent.hasAttribute("title")){styledRadiobox.setAttribute("title",inputCurrent.getAttribute("title"));}}
								styledRadiobox.setAttribute("id","StyledRadiobox"+radioboxIndex+"_a");	
								styledRadiobox.setAttribute("onClick","toggleRadiobox(this,'','"+inputCurrent.getAttribute("name")+"','StyledRadiobox"+radioboxIndex+"');return false;");
								styledRadiobox.setAttribute("onKeyPress","toggleRadiobox(this,event.keyCode,'"+inputCurrent.getAttribute("name")+"','StyledRadiobox"+radioboxIndex+"');");
								
								if (inputCurrent.disabled)
								{ styledRadiobox.className="RadioboxDisabled"+styleType;}
								else if (inputCurrent.checked)
								{ styledRadiobox.className="RadioboxChecked"+styleType;}//styledRadiobox.setAttribute("class","RadioboxChecked");}
								else
								{ styledRadiobox.className="Radiobox"+styleType;}//styledRadiobox.setAttribute("class","Radiobox");}
								
								inputFields[inputIndex].appendChild(styledRadiobox);
							}
							
							radioboxIndex++;
						}
					}
			}	
	}
	
	function Initialise()
		{
			InitialiseCheckboxes();
			InitialiseRadioboxes();
		}
		
	//window.onload = Initialise;