// JavaScript Document
var iArray = new Array();
function upload_file() {
        JsHttpRequest.query(
            '../cmsadmin/widget_upload.php', // backend
            {
				'widget':  1,
                // path a file to be uploaded
                'localfile': document.getElementById("localfile")
            },
            // Function is called when an answer arrives. 
            function(result, errors) 
			{
				if (errors) 
				{
					alert("ERROR: " + errors);
				}
				// Write the result.
                if (result) 
				{
					addFile(result);
					fileDisplay();
                }
            },
            false  // do not disable caching
        );
    }
	
	tinyMCE_GZ.init({
		themes : 'simple, advanced',
		languages : 'en',
		disk_cache : true,
		debug : false
	});
	tinyMCE.init({
			mode : "textareas",
			theme : "simple",
			paste_auto_cleanup_on_paste : true,
			paste_convert_headers_to_strong : true
		});

function addFile(filepath)
{
	iCount = iArray.length;
	iArray[iCount] = new Array(filepath);
}

function deleteFile(iIndex, filepath)
{
	//alert("In Delete File");
	iArray.splice(iIndex,1);
	//Do Ajax Delete Of Image From Directory
	my_ajax_request('../cmsadmin/widget_delete.php','widget=4&file_path='+ filepath);
	fileDisplay();
}

function fileDisplay()
{
	var filediv = document.getElementById("filediv");
	iCount = iArray.length;
		
	//Build List and Output Image Array
	var myHTML = "";
	if (iCount > 0)
	{
		myHTML = "<ul id='imageList'>";
		for(var i=0;i<iCount;i++) 
		{
			myHTML += "<li>";
			myHTML += "<img src='"+iArray[i][0]+"' width='150'>";
			myHTML += "<div style='padding: 5px 0px;'><input type='button' value='DELETE' onclick=\"deleteFile("+i+", '"+iArray[i][0]+"');\"></div>";
			myHTML += "<input type='hidden' name='imageArray[]' value='"+ iArray[i][0] +"' />";
			myHTML += "</li>";
		}
		myHTML += "</ul>";
	} else
	{
		myHTML = "<input type='file' name='localfile' id='localfile' onChange='upload_file()'>";
	}
	//alert(myHTML);
	filediv.innerHTML = myHTML;
}