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

function createRequestObject() {
    var obj;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
    	return new ActiveXObject("Microsoft.XMLHTTP");
    }
    else{
    	return new XMLHttpRequest();
    }   
}
function traceUpload() {
	if (max_upload>2) return false;
	http.onreadystatechange = handleResponse;
	http.open("GET", '/imageupload.php?uploadDir='+uploadDir+'&dirname='+dirname+'&filename='+filename+'&uploader='+uploader+'&uploaded='+max_upload);

	http.send(null);

	max_upload++;
}

function get_pics(){
	makeRequest('/show_uploaded_files.php', 'self', 'images');
}

function handleResponse() {
	if(http.readyState == 4){
		var response=http.responseText; 
		if(response.indexOf("File uploaded") != -1){
			clearInterval(timeInterval);
			//document.getElementById('loading'+idname).innerHTML="";
		}
        document.getElementById(uploaderId).innerHTML=response;
		while (document.getElementById('uploads_no').value!=max_upload)
		{
			if (counter==5) break;
			setTimeout("get_pics();", 1000);
			counter++;
		}
    }
    else {
    	document.getElementById(uploaderId).innerHTML="Uploading File. Please wait...";
    }
}
function uploadFile(obj, dname) {
	uploadDir=obj.value;
	extension=uploadDir.substr(uploadDir.lastIndexOf('.')+1);
	extension = extension.toLowerCase();
	if (extension!="jpg" && extension!="gif" && extension!="png" && extension!="jpeg"){
		alert ('Only images please !');
		return true;
	}
	idname=obj.name;
	dirname=dname;
	filename=uploadDir.substr(uploadDir.lastIndexOf('\\')+1);
	//document.getElementById('loading'+idname).innerHTML="<img src='loading.gif' alt='loading...' />";
	uploaderId = 'uploader'+obj.name;
	uploader = obj.name;
	document.getElementById('formName'+obj.name).submit();
	timeInterval=setInterval("traceUpload()", 1500);
	counter = 0;
}