var http=createRequestObject();
var uploader="";
var uploadDir="";
var dirname="";
var filename="";
var timeInterval="";
var idname="";

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", 'includes/imageupload.php?uploadDir='+uploadDir+'&dirname='+dirname+'&filename='+filename+'&uploader='+uploader); 
   http.send(null);   
}

function handleResponse() {
	if(http.readyState == 4){   
        clearInterval(timeInterval);
		var response=http.responseText;
        document.getElementById('imagespace').innerHTML=response;
        document.getElementById('uploadmeter').innerHTML="";
    }
}

function uploadFile(obj, dname) {
    document.getElementById('uploadmeter').innerHTML="<img src='images/loading.gif' alt='loading...' />"; 
	uploadDir=obj.value;
	idname=obj.name;
	dirname=dname;
	filename=uploadDir.substr(uploadDir.lastIndexOf('\\')+1);
	uploaderId = 'uploader'+obj.name;
	uploader = obj.name;
	//put this hidden field in your form so you can retrieve the image name
	document.getElementById('imagenameid').value = filename;
	document.getElementById('imguploadform'+idname).submit();
	timeInterval=setInterval("traceUpload()", 1500);
}