var appDisColour = "Transparent"
var disabledColour = appDisColour
var disabledBorderColour = "f4f4f4"
var enabledColour = "red"
var enabledBorderColour = "black"
var overBorderColour = "Silver"

function readOnlyElements(formName){
	for(i=0; i<document[formName].elements.length; i++) {
		readOnlyElement(document[formName].elements[i])
	}
	
	for(i=0; i<document.images.length; i++) {
		image = document.images[i];
		if (image.getAttribute("type")!="button")
			image.style.display = "none"
	}
	
}

function readOnlyElement(elem){
		fieldType = elem.type;
		el = elem
		aBackColour = el.style.backgroundColor;
 		if((fieldType == 'text') || (fieldType == 'password') ) { 
			el.readOnly="true"
			el.style.borderStyle="Solid";
			el.style.borderWidth = "0";
			el.style.borderColor = disabledBorderColour;
			el.style.backgroundColor = disabledColour;
		}else if((fieldType == 'button') ) { 
			el.disabled=true
		}else if((fieldType == 'select-one') ) { 
			el.disabled=true
		}else if((fieldType == 'radio')){
			el.disabled=true
		}else if((fieldType == 'checkbox')){
			el.disabled=true
		}else if((fieldType == 'textarea')){
			el.readOnly="true"
			el.style.backgroundColor = disabledColour;
			el.style.borderStyle="solid";
			el.style.borderWidth = "1";
			el.style.borderColor = overBorderColour;
		}
}
function editableElement(elem){
	fieldType = elem.type;
	el = elem
	aBackColour = el.style.backgroundColor;
 	if(((fieldType == 'text') && (el.name.toLowerCase().indexOf('id')<0) && (el.id.toLowerCase().indexOf('id')<0))  || ((fieldType == 'password'))) { 
		el.readOnly=""
		el.style.borderStyle="solid";
		el.style.borderWidth = "1";
		el.style.borderColor = overBorderColour;
		el.style.backgroundColor = enabledColour;
	}else if ((fieldType == 'text') && ((el.name.toLowerCase().indexOf('id')>=0) || (el.id.toLowerCase().indexOf('id')>=0)) ){
		el.readOnly="true"
		el.style.borderStyle="Solid";
		el.style.borderWidth = "0";
		el.style.borderColor = disabledBorderColour;
		el.style.backgroundColor = disabledColour;
	}
	else if((fieldType == 'button') ) { 
		el.disabled=false;
	}else if((fieldType == 'select-one') ) { 
		el.disabled=false;
	}else if((fieldType == 'radio')){
		el.disabled=false
	}else if((fieldType == 'checkbox')){
		el.disabled=false
	}else if((fieldType == 'textarea')){
		el.readOnly=""
		el.style.borderStyle="solid";
		el.style.borderWidth = "1";
		el.style.borderColor = overBorderColour;
		el.style.backgroundColor = enabledColour;
	}
}

function editableElements(formName){
	for(i=0; i<document[formName].elements.length; i++) {
		editableElement(document[formName].elements[i]);
	}
	for(i=0; i<document.images.length; i++) {
		image = document.images[i];
		if (image.getAttribute("type")!="button")
			image.style.display = ""
	}

}