function CallGrid(grid,url){
	if(window.XMLHttpRequest)var http = new XMLHttpRequest();
	var start=(new Date()).getTime();
	http.onreadystatechange = function () {
	  if(http.readyState==4){
//	  	alert(http.responseText);
	  	 document.getElementById(grid).innerHTML=http.responseText+(((new Date()).getTime()-start)/1000)+"s";
	  }
	}
	http.open("GET",URLEncrypt(url),true);
	http.send(null);
}

function CheckUnCheckGrid(grid,item){
	if(window.XMLHttpRequest)var http = new XMLHttpRequest();
	var url=URLEncrypt(QueryReplace(QueryReplace("grid.php?watte=CHECKUNCHECK","guid",grid),"ID",item));
	http.open("GET",url,true);
	http.send(null);
    return false;
}

function DrawGrid(grid,page,order,filter){
	CallGrid(grid,QueryReplace(QueryReplace(QueryReplace(QueryReplace("grid.php","p",page),"o",order),"guid",grid),"c",filter));
	return false;
}

function GridDelete(grid,page,item){
	CallGrid(grid,QueryReplace(QueryReplace(QueryReplace("grid.php","p",page),"d",item),"guid",grid));
	return false;
}

function GridClone(grid,page,item){
	CallGrid(grid,QueryReplace(QueryReplace(QueryReplace("grid.php?watte=CLONE","p",page),"c",item),"guid",grid));
	//window.location=QueryReplace(QueryReplace(QueryReplace(QueryReplace(window.location,"p",page),"c",item),"guid",grid),"watte","CLONE")";
	return false;
}

function GridToggle(grid,page,item){
	CallGrid(grid,QueryReplace(QueryReplace(QueryReplace("grid.php","p",page),"t",item),"guid",grid));
	return false;
}

function FilterGrid(grid,page,order,filter){
	CallGrid(grid,QueryReplace(QueryReplace(QueryReplace(QueryReplace("grid.php","p",page),"c",filter),"o",order),"guid",grid));
	return false;
}

function GridViewItem(layer,grid,url){
	
	//var url="editautomatic.php?watte=EDIT&tablename="+tablename+"&ID="+item+"&layer="+layer;
	document.getElementById(layer).innerHTML="<div style='padding:2;background-color:green;'><iframe src='"+QueryReplace(url,"layer",layer)+"' style='width:800px;height:400px;'></iframe></div>";
	layerShow(layer,true);
	layerCenter(layer);
	return false;
	/*
	if(window.XMLHttpRequest)var http = new XMLHttpRequest();
	var start=(new Date()).getTime();
	
	http.onreadystatechange = function () {
	  if(http.readyState==4){
	  	
	  	document.getElementById(grid).innerHTML=http.responseText;
	  	 
	  }
	}
	http.open("GET",URLEncrypt(url),true);
	http.send(null);
	
	*/

}



var savedtext=null;
var editobj=null;
var savedwidth=0;

function ClickEdit(obj,url){
	var e=window.event;	
	if(editobj){
		if(obj!=editobj)StopEdit(editobj);	
	}	
	else {
		if((e.altKey||e.ctrlKey))StartEdit(obj);	
	    else return;
	}
	e.returnValue=false;
	e.cancelBubble=true;	
}

function EditKey(obj,e){
	if(!savedtext)return;
	if(!e)var e=window.event;	
	
	if(e.keyCode==13){		
		StopEdit(obj,true);
	}
	if(e.keyCode==27){
		StopEdit(obj,false);
	}
	
	if(obj.offsetWidth>savedwidth)obj.style.width=savedwidth;
	//debug(e);
}
function EditStatus(s){
	alert(s);
}

function StopEdit(obj,asksave){
  //if((asksave)&&(confirm("VSID:"+obj.veldsoort+"    update "+obj.tablename+" set "+obj.fieldname+"='"+obj.innerText+"' where ID="+obj.id)));
  if(asksave){
  	var val=obj.innerText;
  	
  	switch(parseInt(obj.veldsoort)){
  	case 4:	case 13:
  		val="'"+val+"'";
  		break;
  	case 3: case 12: case 44:	
  		val=Replace(val,"(yyyy/mm/dd)","");
  		val=Replace(val," ","");
  		obj.innerText=val;
  		val="'"+val+"'";
  		break;
  	case 1: break;
  		val=((val==1)||(val==true)||(val=="true"))?"true":"false";
  	default:
  	   prompt(obj.veldsoort);
  	}
  	var sql="update "+obj.tablename+" set "+obj.fieldname+"="+val+" where ID="+obj.id;  	
  	//alert(sql);
  	SQLExecute(sql);
  }	
  else obj.innerText=savedtext;
  obj.style.width=savedwidth;
  obj.contentEditable=false;
  obj.style.cursor='cell';
  obj.style.backgroundColor='transparent';
  editobj=savedtext=null;    
}

function StartEdit(obj){
  if(savedtext){
  	if(obj!=editobj)StopEdit(editobj);	
  	return ;
  }	  
  savedwidth=obj.offsetWidth;
  savedtext=obj.innerText;
  if(obj.veldsoort==3)obj.innerText+="  (yyyy/mm/dd)";
  editobj=obj;
  obj.contentEditable=true;
  obj.style.cursor='text';
  obj.style.backgroundColor='lightblue';
  obj.focus();
}