function uploadImage() {
	if ($('userfile').value != '') {
		document.uploadimage.submit();
		loading();
	} else if ($('imageurl').value != 'http://' && $('imageurl').value != '') {
		var imageUrl = $('imageurl').value;
		var userName = $('user_name').value;
		var helper = $('helper').value;
		var url = '/eljay/iconmaker/functions/upload.php?';
		var pars = 'imageurl='+escape(imageUrl)+'&user_name='+escape(userName)+'&helper='+escape(helper);

		var myAjax = new Ajax.Request( url, { method: 'get', parameters: pars, onLoading: loading, onComplete: showResponse } )
	} else {
		alert('You need to specify an image');
	}
}

function loading() {
	new Effect.Fade('createdby');
	new Effect.Appear('uploading');
	new Effect.Appear('loadingstartbig');
	Element.hide('uploaddiv');
	Element.hide('intro_text');
}

function loaded() {
	Element.hide('intro_text');
	Element.hide('loading');
	Element.show('icon');
	Element.show('icon_window');
	Element.hide('uploaddiv');
	Element.hide('loadingstartbig');
	Element.show('startdiv');
}

function showResponse(originalRequest) {
	//put returned XML in the textarea

	//var xmlDocument = originalRequest.responseText.responseXML;
//	var icon = originalRequest.getElementsByTagName('icon').item(0).firstChild.data;
//	var ext = originalRequest.getElementsByTagName('ext').item(0).firstChild.data;
	//alert('hi');
//	alert(icon);
	var imageinfo = originalRequest.responseText.split('|');
	if (imageinfo[0] == "error") {
		alert(imageinfo[1]);
	} else {
		document.icon.src='/eljay/iconmaker/icon/'+imageinfo[0]+'.'+imageinfo[1]+'?'+Math.random();
		document.crop_image.src='/eljay/iconmaker/icon/crop_'+imageinfo[0]+'.'+imageinfo[1]+'?'+Math.random();
	}	
}