function reloadImages(){

    var previewBox = $('wsmimagenes');
    var formData = wsmfotoform;
    var imgstr;


    // SET STATUS TO IDLE
    loadingImages(previewBox);


    // PREPARE TO FETCH THE NEW IMAGE LIST
    var pars = Form.serialize(formData);

    var myAjax = new Ajax.Request(
			WSMAjaxURL, 
			{
				method: 'get', 
				parameters: pars, 
				onComplete: showComplete,
                                    onFailure: showFail
			});


    // IF THE REQUEST IS SUCCESSFULL SET THE IMAGE STRING
    function showComplete(originalRequest){
        var response = originalRequest.responseText;
        var h = response.toQueryParams();

        // IF RESPONSE IS SUCCESS SET THE STRING
        if(h.code == 1){ 
            imgstr = h.imgstr;

            if( imgstr ){
                loadImageData();
            }
            else{
                previewBox.innerHTML = '';
            }

        }
        else{
            return errorImages(previewBox);
        }
        
    }

    // IF THE REQUEST IS ERROR RETURN
    function showFail(originalRequest){     
        return errorImages(previewBox);
    }


    function loadImageData(){
        // SHOW IMAGE PREVIEW
        var imageHTML = '<table cellpadding="0" cellspacing="3">';

        // LOAD IMAGE DATA
        var ImgItems = imgstr.split(";");
    
        for(var i=0; i<ImgItems.length; i++){

            var ImageInfo = ImgItems[i].split("|");

            imageHTML += '<tr id="img' + ImageInfo[0] + '"><td class="pimage">';
            if( ImageInfo[2] == "1" ){
                imageHTML += '<img src="http://euforia.com/anunciate/session/' + WSMSession + '/TH_' + ImageInfo[1] + '.jpg" height="30">';
            }
            imageHTML += '</td><td class="ptitle">' + ImageInfo[1] + '</td><td class="plink"><a href="javascript:removeImage(\'' + ImageInfo[0] + '\',\'' + ImageInfo[1] + '\');" title="Haz click para remover la imagen">[Remover]</a></td></tr>';
            imageIndex[ImageInfo[0]] = ImageInfo[1];

        }

        imageHTML += "</table>";
        previewBox.innerHTML = imageHTML;
    }

}


function removeImage(id,name){

    var myAjax = new Ajax.Request(
			WSMAjaxURL, 
			{
				method: 'get', 
				parameters: "s=remove_image&sid=" + WSMSession + "&name=" + name + "&id=" + id, 
				onComplete: showComplete,
                                    onFailure: showFail
			});


    // IF THE REQUEST IS SUCCESSFULL SET THE IMAGE STRING
    function showComplete(originalRequest){
        var response = originalRequest.responseText;
        var h = response.toQueryParams();

        // IF RESPONSE IS SUCCESS SET THE STRING
        if(h.code == 1){ 
            removeImageData();
        }
        
    }

    // IF THE REQUEST IS ERROR RETURN
    function showFail(originalRequest){     
        return;
    }


    function removeImageData(){
        var imageBox = $('img'+id);
        imageBox.style.display = 'none';
        imageBox.style.visibility = 'hidden';
    }


}

function errorImages(previewBox){
    previewBox.innerHTML = '<div class="alert-red"><font class="title">Error:</font> No se pudo adquirir la nueva lista de imagenes. [<a href="javascript:reloadImages();">Reintentar</a>]</div>';
    return false;
}


function loadingImages(previewBox){
    previewBox.innerHTML = 'Cargando nueva lista de imagenes. Espera por favor...';
}