// util functions
function $(id) {
	return document.getElementById(id);
}

function trace(msg) {
	$("tracelog").innerHTML = $("tracelog").innerHTML + msg + "<br>";
}

// which is emulated a progressbar
function setbar(percent) {
	$("progress").style.width = (percent*3)+"px"; //ex: 1% displays as 3pixels
	$("progress").innerHTML = percent+" %";
}


// Event Handlers
function onSelect(file) {
	trace("<b>Selected File</b>: Filename:"+file.name+" - Size:"+file.size+" bytes");
	$("fileupload").value = file.name;
}

function onCancel(file) {
	trace("<b>onCancel</b>");
}

function onStart(file) {
	trace("<b>Upload started</b>");
}

function onProgress(file, bytesLoaded, bytesTotal) {
	percent = new Number(Math.floor(bytesLoaded / bytesTotal * 100));
	setbar(percent);
	
}

function onError(file, errorString) {
	trace("<b>onError</b>! Err Msg: "+errorString);
}

function onComplete(file) {
	var adham = file.name;
	//trace("");
	document.shopForm.elfile.value = adham
	document.shopForm.elfile.style.display = "block"
 document.getElementById('upldd').style.display="block"
}