var http=createRequestObject();

var uploader="";
var uploadDir="";
var dirname="";
var filename="";
var timeInterval="";
var idname="";
var uploaderId="";
var mypicnew='';


function createRequestObject(){
	var obj;var browser=navigator.appName;
	if(browser=="Microsoft Internet Explorer"){
		return new ActiveXObject("Microsoft.XMLHTTP");
		}else{
			return new XMLHttpRequest();
			}

}


function traceUpload(){
	http.onreadystatechange=handleResponse;
	http.open("GET",'imageupload.php?uploadDir='+uploadDir+'&dirname='+dirname+'&filename='+filename+'&uploader='+uploader);
	http.send(null);

	}


function handleResponse(){
	if(http.readyState==4){
		var response=http.responseText;
		if(response.indexOf("<center><img src")!=-1){
			clearInterval(timeInterval);
		
document.getElementById(uploaderId).innerHTML='<br/><center> <h3>อัพโหลดภาพเสร็จแล้ว  ให้คลิกเมาส์ค้างที่รูปไว้แล้วลากรูปไปวางในช่องเขียนข้อความด้านบนนะคะ</h3><br/> '+response+"<br/> <a href='#' onclick=\"del('"+filename+"');\">ลบภาพนี้ </a> </center>";
document.webForm.kpic.value=response;
		   }
		   	}
else{
	document.getElementById(uploaderId).innerHTML="กำลังอัพโหลดไฟล์ โปรดรอสักครู่..";
	
	}
	
	}



function uploadFile(obj,dname){
	uploadDir=obj.value;
	idname=obj.name;
	dirname=dname;
	filename=uploadDir.substr(uploadDir.lastIndexOf('\\')+1);
	uploaderId='uploader'+obj.name;
	uploader=obj.name;

	var filelength = parseInt(filename.length) - 3;
var fileext = filename.substring(filelength,filelength + 3);
fileext=fileext.toLowerCase(); 
if (fileext != "gif" && fileext != "jpg" && fileext != "png"){

}else{
	document.getElementById('formName'+obj.name).submit();
	timeInterval=setInterval("traceUpload()",1500);
}

	}


	function del(fname){
		http=createRequestObject();
	http.open("GET",'imagedel.php?filename='+fname);
	http.send(null);
document.getElementById(uploaderId).innerHTML='อัพโหลดภาพ: <input name="id1" type="file" value="id1" onchange="return uploadFile(this,0)" />';
	}