	/**
	 * 
	 * @param {Object} form
	 * @param {Object} task
	 * @param {Object} id
	 */
	function doTask( url, container, form ) {
		
		// if url is present, do validation
		if (url && form) {		
			// loop through form elements and prepare an array of objects for passing to server
			var str = new Array();
			for(i=0; i<form.elements.length; i++)
			{
				postvar = {
					name : form.elements[i].name,
					value : form.elements[i].value,
					id : form.elements[i].id
				}
				str[i] = postvar;
			}
			// execute Ajax request to server
            var a=new Ajax(url,{
                method:"post",
				data:{"elements":Json.toString(str)},
                onComplete: function(response){
                    var resp=Json.evaluate(response);
                    $(container).removeClass("ajax-loading").setHTML(resp.msg);
                }
            }).request();
			
		}
	}
	
	/**
	 * 
	 * @return
	 */
	function startUpload()
	{
		document.getElementById('profilepicUploadProcess').style.visibility = 'visible';
	    document.getElementById('profilepicUploadForm').style.visibility = 'hidden';
		return true;
	}
	
	/**
	 * 
	 * @return
	 */
	function update()
	{
		var url = 'index.php?option=com_ambra&controller=extra&format=raw&task=doTaskAjax&element=profilepic&elementTask=updatePic';
		var container='profilepic-container';
		// execute Ajax request to server
        var a=new Ajax(url,{
            method:"post",
            onComplete: function(response){
                var resp=Json.evaluate(response);
                $(container).removeClass("ajax-loading").setHTML(resp.msg);
            }
        }).request();
	}