function openAuxTextField(fieldId,questionId,fieldName, field){	
	//console.log('filedId='+fieldId, 'radioId='+radioId, 'fieldName='+fieldName, 'field='+field);
	
	//remove all auxTextField
	for (var i=0; i<field.length;i++){
		if ( node= $(questionId+'_'+i+'_auxTextField')){
			node.parentNode.removeChild(node);
		}	
	}
	
	//add auxTextField on checked aux-radio
	for (i=0;i<field.length;i++){
		if (field[i].checked==true && $(fieldId).parentNode.parentNode.className=='radioWithText'){
			var newElement = document.createElement("INPUT");
			newElement.setAttribute('type','text');
			newElement.setAttribute('name',fieldName+'_auxTextField');
			newElement.setAttribute('id',fieldId+'_auxTextField');
			newElement.setAttribute('value','< required >');
			newElement.setAttribute('class','auxTextField required-auxtext');

			//not working on ie7/6
//			newElement.setAttribute('onfocus','removeDefaultContents("'+fieldId+'_auxTextField","< required >")');
//			newElement.setAttribute('onblur','insertDefaultContents("'+fieldId+'_auxTextField","< required >")');
			
			newElement.onfocus = function(){ removeDefaultContents(fieldId+"_auxTextField","< required >"); }
			newElement.onblur = function(){ insertDefaultContents(fieldId+"_auxTextField","< required >"); }
			newElement.className = 'auxTextField required-auxtext';

			//add new element 
			$(fieldId).parentNode.parentNode.appendChild(newElement);
			$(fieldId+'_auxTextField').style.color='#ccc';

			//alert($(fieldId+'_auxTextField').className);
		}
	}
}

function disableEnterKey(e){
	//disable enter key to avoid form being submitted
     var key;

     if(window.event)
          key = window.event.keyCode;     //IE
     else
          key = e.which;     //firefox

     if(key == 13)
          return false;
     else
          return true;
}


function ValidateProductForm(form) {
	var returnValue = true;  
	if (eval(form.id)) {  
		if (form.id.value == '' || form.id.value == ' ' || form.id.value == null) {
			alert('Please choose product size');
			form.id.focus();
			returnValue = false;
		}else if (relatedSizes && form.id.value){
			for(var i=0;i<relatedSizes.length;i++){
				if (relatedSizes[i].id && relatedSizes[i].id==form.id.value){
					if (relatedSizes[i].stock<form.qty.value){
						alert('Sorry, the quantity you have selected is not available. Please adjust your order quantity.');
						form.qty.focus();
						returnValue = false;
					}	
				}
			}
		}else {
			returnValue = true;	
		}
	}	
	return returnValue;
}


function updateProductDescription(){
	var product_id = $('id').value;
	if (product_id && relatedSizes && productSupplier){
		for (i in relatedSizes){
			if (relatedSizes[i].id==$('id').value && relatedSizes[i].id && relatedSizes[i].title){
				$('description').value = productSupplier+' - '+relatedSizes[i].title;
			}
		}
	}
	
	if (ValidateProductForm($('shoppingFrm'))){
		$('shoppingFrm').submit();	
	}else {
		return false;	
	}
}

function swapImages(smallImageId, largeImageId){
	var smallImage = document.getElementById(smallImageId);
	var largeImage = document.getElementById(largeImageId);
	
	var rawSrcStr = smallImage.src;
	var endBasicSrcStr = rawSrcStr.indexOf("&s=");
	var basicSrcStr = rawSrcStr.substr(0,endBasicSrcStr);
	
	largeImage.src = basicSrcStr + '&s=300x450&t=1';
}