var editable=Array();

function getEditable(content){
	//var content=$('content');
	if(content.childNodes.length>0){
		for(var q=0;q<content.childNodes.length;q++){
			var item=content.childNodes[q];
			if(item.className=='item'){
				var stat=false;
				var editr=false;
				for(var i=0;i<item.childNodes.length;i++){
					var node=item.childNodes[i];
					if(node.id=='static'){
						stat=node;
					}else if(node.id=='edit'){
						editr=node;
					}
				}
				if((stat)&&(editr)){
					var pos=editable.length;
					editr.id='edit'+pos;
					stat.id='static'+pos;
					
					editr=$(editr.id);
					stat=$(stat.id);
					
					var editBttn=document.createElement('a');
					editBttn.id='editBttn'+pos;
					editBttn.className='editBttn';
					editBttn.href="javascript:edit("+pos+")";
					editBttn.innerHTML='edit';
					item.appendChild(editBttn);

					editable[pos]=Array(editr,stat,item);

					item.removeChild(editr);
					item.removeChild(stat);
				}
			}else{
				getEditable(item);
			}
		}
	}
}

function edit(pos){
	var item=editable[pos];
	var container = item[2];
	var normal = item[1];
	//normal = $(normal);
	var edit = item[0];
	//edit = $(edit);
	var editBttn = $('editBttn'+pos);
	if((normal!=null)&&(edit!=null)&&(editBttn!=null)){
		if(normal.parentNode==container){
			container.insertBefore(edit,editBttn);
			container.removeChild(normal);
			
			editBttn.innerHTML='cancel';
		}else{
			container.insertBefore(normal,editBttn);
			if(edit.parentNode!=null){
			edit.parentNode.removeChild(edit);
			}
			editBttn.innerHTML='edit';
		}
	}	
}