initForms();

function initForms()
{//Add functionality to inputs and buttons
	var x = document.getElementsByTagName('input');
	if (x)
	{	for (var i=0;i<x.length;i++)
		{	if(x[i].value=='search products') x[i].onfocus= clearText;

			if(x[i].type=='radio')
			{	x[i].onclick = formRadioHighlight;
				x[i].parentNode.onclick = formSetFromLabel;
			}
		}
	}
}

function clearText()
{	if (this.value=='search products') this.value='';
	this.className=this.className.replace('subdued','active');
}

function formSetFromLabel()
{	var x = this.childNodes;
	for (var i=0;i<x.length;i++)
		if (x[i].type=='radio')
			x[i].click();
}

function formRadioHighlight()
{	var x = document.getElementsByTagName('input');
	if (x) {
		for(var i=0;i<x.length;i++)
			if (x[i].name == this.name)
				x[i].parentNode.className = x[i].parentNode.className.replace('active','subdued');
	}
	if(this.name == 'payment_method') {
		x = document.getElementById('ccInfo');
		y = x.getElementsByTagName('input');
		if(this.id=='creditcard') {
			x.className = x.className.replace('subdued','active');
			for(var i=0;i<y.length; i++)
				y[i].disabled=false;
		} else {
			x.className = x.className.replace('active','subdued');
			for(var i=0;i<y.length; i++)
				y[i].disabled=true;
		}
	}
		
	this.parentNode.className = this.parentNode.className.replace('subdued','active')
}