function addImageFileName(fname)
{
        var el=document.getElementById('image_files');
        if(el.value == "")
        {
                var imgfiles = new Array();
        }
        else
        {
                var imgfiles = el.value.split(",");
        }
        imgfiles.push(fname);
        el.value = imgfiles.join(",");
        
        updateImages(imgfiles);
}
function refreshImageFiles()
{
        var el=document.getElementById('image_files');
        if(el.value == "")
        {
                var imgfiles = new Array();
        }
        else
        {
                var imgfiles = el.value.split(",");
        }

        updateImages(imgfiles);
}
function removeImageFileName(fname)
{
        var el=document.getElementById('image_files');
        if(el.value == "")
        {
                var imgfiles = new Array();
        }
        else
        {
                var imgfiles = el.value.split(",");
        }
        
        var i=0;
        for(i=imgfiles.length-1;i>-1;--i)
        { 
            if(imgfiles[i]==fname)
            {
                imgfiles.splice(i,1);
                break;
            }
        }            

        el.value = imgfiles.join(",");
        updateImages(imgfiles);
        

}
function updateImages(imgfiles)
{
    var imagesHTML="";
    var i=0;
    for(i=0;i<imgfiles.length;++i)
    {
            //imagesHTML+='<a href="/images/public/'+imgfiles[i]+'" target="_blank"><img src="/images/public/thumb_'+imgfiles[i]+'" /></a>&nbsp;&nbsp;&nbsp;<a href="javascript:" onclick="removeImageFileName(\''+imgfiles[i]+'\');">Remove this image</a><br style="clear:all;" /><br />';
            
            imagesHTML+='<img src="/images/public/thumb_'+imgfiles[i]+'" />&nbsp;&nbsp;&nbsp;<a href="javascript:" onclick="removeImageFileName(\''+imgfiles[i]+'\');">Remove this image</a><br /><br />';
    }
    var saved_images=document.getElementById("saved_images");
    saved_images.innerHTML = imagesHTML;
    if(imgfiles.length >= 4)
    {
        document.getElementById('uploader').src="/uploader/blank.html";
    }
    else
    {
        document.getElementById('uploader').src="/uploader/ubr_file_upload.php";
    }
}