// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Display background tip when user selects a radio option in the basket	
backGroundSwap = {

	_buttonContainer : Array(),

  	init:function()
	{
		if(!document.getElementById || !document.createTextNode){return;}

		//var form = document.getElementById("attributeform");
		var attributeContainer = document.getElementById("attribute");
		if(!attributeContainer){return;}
		
		var _attributeForm = attributeContainer.getElementsByTagName("form");
		
		var _buttonContainer = Array();
		for (i=0;i<_attributeForm.length;i++)
		{
			
			var _inputElement = _attributeForm[i].getElementsByTagName("input");
			var _buttonElement = _attributeForm[i].getElementsByTagName("button");

			for (j=0;j<_inputElement.length;j++)
			{
				var key = false;
				if( _inputElement[j].type == 'radio') {
					helper.addEvent( _inputElement[j],'click',backGroundSwap.swapImage,false);
					var key = _inputElement[j].id;
				}
				
				if(_buttonElement[0] && key) {
					
					backGroundSwap._buttonContainer[key] = _buttonElement[0];
				}
			}
		}
	},
	
	swapImage:function(e) {
		var target=helper.getTarget(e);
		//alert(target.id);
		var buttonBackground = backGroundSwap._buttonContainer[target.id].parentNode;
		helper.cssjs('add',buttonBackground,"attribute_tip");
	}
}
helper.addEvent(window, 'load', backGroundSwap.init, false);