function fileQueueError(file, errorCode, message) {
	try {
		var imageName = "error.gif";
		var errorName = "";
		if (errorCode === SWFUpload.errorCode_QUEUE_LIMIT_EXCEEDED) {
			errorName = "You have attempted to queue too many files.";
		}

		if (errorName !== "") {
			alert(errorName);
			return;
		}

		switch (errorCode) {
		case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
			imageName = "zerobyte.gif";
			break;
		case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
			imageName = "toobig.gif";
			break;
		case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
		case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
		default:
			alert(message);
			break;
		}

		addImage("/templates/images/" + imageName, "0");

	} catch (ex) {
		this.debug(ex);
	}

}

function fileDialogComplete(numFilesSelected, numFilesQueued) {
	try {
		if (numFilesQueued > 0) {
			this.startUpload();
		}
	} catch (ex) {
		this.debug(ex);
	}
}

function uploadProgress(file, bytesLoaded) {
	try {
		var percent = Math.ceil((bytesLoaded / file.size) * 100);

		var progress = new FileProgress(file,  this.customSettings.upload_target);
		progress.setProgress(percent);
		if (percent === 100) {
			progress.setStatus("Creation de la vignette...");
			progress.toggleCancel(false, this);
		} else {
			progress.setStatus("Envoi en cours...");
			progress.toggleCancel(true, this);
		}
	} catch (ex) {
		this.debug(ex);
	}
}

function uploadSuccess(file, serverData) {
	try {
		addImage("/thumbnail.dll?id=" + serverData, serverData);

		var progress = new FileProgress(file,  this.customSettings.upload_target);

		progress.setStatus("Vignette créée.");
		progress.toggleCancel(false);


	} catch (ex) {
		this.debug(ex);
	}
}

function uploadComplete(file) {
	try {
		/*  I want the next upload to continue automatically so I'll call startUpload here */
		if (this.getStats().files_queued > 0) {
			this.startUpload();
		} else {
			var progress = new FileProgress(file,  this.customSettings.upload_target);
			progress.setComplete();
			progress.setStatus("Toutes les images sont transférées.");
			progress.toggleCancel(false);
		}
	} catch (ex) {
		this.debug(ex);
	}
}

function uploadError(file, errorCode, message) {
	var imageName =  "error.gif";
	var progress;
	try {
		switch (errorCode) {
		case SWFUpload.UPLOAD_ERROR.FILE_CANCELLED:
			try {
				progress = new FileProgress(file,  this.customSettings.upload_target);
				progress.setCancelled();
				progress.setStatus("Annulé");
				progress.toggleCancel(false);
			}
			catch (ex1) {
				this.debug(ex1);
			}
			break;
		case SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED:
			try {
				progress = new FileProgress(file,  this.customSettings.upload_target);
				progress.setCancelled();
				progress.setStatus("Arrêté");
				progress.toggleCancel(true);
			}
			catch (ex2) {
				this.debug(ex2);
			}
		case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
			imageName = "uploadlimit.gif";
			break;
		default:
			alert(message);
			break;
		}

		addImage("/templates/images/" + imageName, "0");

	} catch (ex3) {
		this.debug(ex3);
	}

}

function swap_pic_options(ic)
{
  var status = document.getElementById('delete_pic'+ic).checked;
  if (status == 1)
  {
    document.getElementById('home_page'+ic).disabled = true;
    document.getElementById('desc'+ic).disabled = true;
  } else {
    document.getElementById('home_page'+ic).disabled = false;
    document.getElementById('desc'+ic).disabled = false;
  }
}

var pic_home_page = 0;

//TAG
function validate_pic_options(idsrc, ic)
{
  //alert('idsrc: '+idsrc+' ic: '+ic);
  // ic = img_count
  // Faut-il supprimer l'image ?
  var status_delete = document.getElementById('delete_pic'+ic).checked;
  if (status_delete == 1)
  {
    // L'image est choisie pour etre supprimee
    document.getElementById("thumbnails").removeChild(document.getElementById('photo'+ic)); // le input_hidden de addImage
    document.getElementById("thumbnails").removeChild(document.getElementById('desc'+ic));  // le description en hidden
    document.getElementById("thumbnails").removeChild(document.getElementById('img-'+idsrc)); // L'image

    // creation de la variable ph2del+img2del_count pour la supprimer dans update_annonce
    img2del_count++;
    var input_hidden = document.createElement("input");
    input_hidden.setAttribute('type', 'hidden');
    input_hidden.setAttribute('name', 'ph2del'+img2del_count);
    input_hidden.setAttribute('id', 'ph2del'+img2del_count);
    input_hidden.setAttribute('value', idsrc);
    document.getElementById("thumbnails").appendChild(input_hidden);
  } else {
    // Recuperation de l'image a mettre en page d'accueil
    var status_hp = document.getElementById('home_page'+ic).checked;
    if (status_hp == 1)
    {
      // L'image est choisie pour etre affichee en page d'accueil
      if (pic_home_page != 0) // Suppression de l'ancienne image en page d'accueil
      {
	//alert("pic_home_page: "+pic_home_page);
        document.getElementById('img-'+pic_home_page).style.border = "0px";
      }
      document.getElementById('img-'+idsrc).style.border = "2px solid #ff0000";
      pic_home_page = idsrc;
    } else {
      // Ce n'est pas l'image en page d'accueil, mais on doit verifier si elle l'etait auparavant
      if (pic_home_page == idsrc) {
        document.getElementById('img-'+idsrc).style.border = "0px";
        pic_home_page = 0;
      }
    }
  }

  $('div-'+idsrc).hide();
  if (status_delete == 1)
    document.getElementById("thumbnails").removeChild(document.getElementById('div-'+idsrc)); // Le div qui contient les options
  return false;
}

var img_count = 0;
var img2del_count = 0;
// TAG
function addImage(src,idsrc) {
  var w = 280;
  var h = 90;
//alert(src+" "+idsrc);

        if (idsrc != "0")
        {
          // Une nouvelle image qui s'est bien transferee
          img_count++;
        }

	// Construction du div contenant les actions de chaque image
	var newDiv = document.createElement("div");
	newDiv.style.display = "none";
	newDiv.style.width = w+"px";
	newDiv.style.height = h+"px";
	newDiv.style.background = "#cccccc";
	newDiv.style.border = "1px solid #000000";
	newDiv.style.marginLeft = "auto"
	newDiv.style.marginRight = "auto"
	newDiv.style.position = "fixed"
	newDiv.style.top = "250px";
	newDiv.id = "div-"+idsrc;
	newDiv.innerHTML = '\
<table style="width: 100%">\
  <tr>\
    <td><img src="'+src+'" style="border: 0px;" /></td>\
    <td>&nbsp;</td>\
    <td style="height: 90px">\
      <input class="input_cbox" type="checkbox" name="delete_pic'+img_count+'" id="delete_pic'+img_count+'" onclick="javascript:swap_pic_options(\''+img_count+'\')" />&nbsp;Effacer<br />\
      <input class="input_cbox" type="checkbox" name="home_page'+img_count+'" id="home_page'+img_count+'" />&nbsp;Mettre en page d\'accueil<br />\
      Description: <input type="text" name="desc'+img_count+'" id="desc'+img_count+'" style="width: 120px;" maxlength="64" /><br />\
      <div style="text-align: center; padding-top: 5px;"><input style="text-align: center" type="button" value="Valider" onclick="javascript:validate_pic_options(\''+idsrc+'\', '+img_count+')" />&nbsp;&nbsp;&nbsp;<input style="text-align: center" type="button" value="Annuler" onclick="javascript:$(\'div-'+idsrc+'\').hide(); return false;" />\
    </td>\
  </tr>\
</table>';

	var newImg = document.createElement("img");
	newImg.style.margin = "2px";
	newImg.id = "img-"+idsrc;
	newImg.onclick = function() {$('div-'+idsrc).appear({duration: 0.5}); return false;}

	var newDesc = document.createElement("input");
        newDesc.setAttribute('type', 'hidden');
	newDesc.setAttribute('name', 'desc'+img_count);
	newDesc.setAttribute('id', 'desc'+img_count);
	newDesc.setAttribute('value', '');

	document.getElementById("thumbnails").appendChild(newImg);
	document.getElementById("thumbnails").appendChild(newDesc);
	document.getElementById("thumbnails").appendChild(newDiv);

        if (idsrc != "0")
        {
          // Une nouvelle image qui s'est bien transferee
       //   img_count++; // Deja incremente plus haut
          var input_hidden = document.createElement("input");
          input_hidden.setAttribute('type', 'hidden');
          input_hidden.setAttribute('name', 'photo'+img_count);
          input_hidden.setAttribute('id', 'photo'+img_count);
          input_hidden.setAttribute('value', idsrc);
	  document.getElementById("thumbnails").appendChild(input_hidden);
        }

	if (newImg.filters) {
		try {
			newImg.filters.item("DXImageTransform.Microsoft.Alpha").opacity = 0;
		} catch (e) {
			// If it is not set initially, the browser will throw an error.  This will set it if it is not set yet.
			newImg.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + 0 + ')';
		}
	} else {
		newImg.style.opacity = 0;
	}

	newImg.onload = function () {
		fadeIn(newImg, 0);
	};
	newImg.src = src;
}

function fadeIn(element, opacity) {
	var reduceOpacityBy = 5;
	var rate = 30;	// 15 fps


	if (opacity < 100) {
		opacity += reduceOpacityBy;
		if (opacity > 100) {
			opacity = 100;
		}

		if (element.filters) {
			try {
				element.filters.item("DXImageTransform.Microsoft.Alpha").opacity = opacity;
			} catch (e) {
				// If it is not set initially, the browser will throw an error.  This will set it if it is not set yet.
				element.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + opacity + ')';
			}
		} else {
			element.style.opacity = opacity / 100;
		}
	}

	if (opacity < 100) {
		setTimeout(function () {
			fadeIn(element, opacity);
		}, rate);
	}
}



/* ******************************************
 *	FileProgress Object
 *	Control object for displaying file info
 * ****************************************** */

function FileProgress(file, targetID) {
	this.fileProgressID = "divFileProgress";

	this.fileProgressWrapper = document.getElementById(this.fileProgressID);
	if (!this.fileProgressWrapper) {
		this.fileProgressWrapper = document.createElement("div");
		this.fileProgressWrapper.className = "progressWrapper";
		this.fileProgressWrapper.id = this.fileProgressID;

		this.fileProgressElement = document.createElement("div");
		this.fileProgressElement.className = "progressContainer";

		var progressCancel = document.createElement("a");
		progressCancel.className = "progressCancel";
		progressCancel.href = "#";
		progressCancel.style.visibility = "hidden";
		progressCancel.appendChild(document.createTextNode(" "));

		var progressText = document.createElement("div");
		progressText.className = "progressName";
		progressText.appendChild(document.createTextNode(file.name));

		var progressBar = document.createElement("div");
		progressBar.className = "progressBarInProgress";

		var progressStatus = document.createElement("div");
		progressStatus.className = "progressBarStatus";
		progressStatus.innerHTML = "&nbsp;";

		this.fileProgressElement.appendChild(progressCancel);
		this.fileProgressElement.appendChild(progressText);
		this.fileProgressElement.appendChild(progressStatus);
		this.fileProgressElement.appendChild(progressBar);

		this.fileProgressWrapper.appendChild(this.fileProgressElement);

		document.getElementById(targetID).appendChild(this.fileProgressWrapper);
		fadeIn(this.fileProgressWrapper, 0);

	} else {
		this.fileProgressElement = this.fileProgressWrapper.firstChild;
		this.fileProgressElement.childNodes[1].firstChild.nodeValue = file.name;
	}

	this.height = this.fileProgressWrapper.offsetHeight;

}
FileProgress.prototype.setProgress = function (percentage) {
	this.fileProgressElement.className = "progressContainer green";
	this.fileProgressElement.childNodes[3].className = "progressBarInProgress";
	this.fileProgressElement.childNodes[3].style.width = percentage + "%";
};
FileProgress.prototype.setComplete = function () {
	this.fileProgressElement.className = "progressContainer blue";
	this.fileProgressElement.childNodes[3].className = "progressBarComplete";
	this.fileProgressElement.childNodes[3].style.width = "";

};
FileProgress.prototype.setError = function () {
	this.fileProgressElement.className = "progressContainer red";
	this.fileProgressElement.childNodes[3].className = "progressBarError";
	this.fileProgressElement.childNodes[3].style.width = "";

};
FileProgress.prototype.setCancelled = function () {
	this.fileProgressElement.className = "progressContainer";
	this.fileProgressElement.childNodes[3].className = "progressBarError";
	this.fileProgressElement.childNodes[3].style.width = "";

};
FileProgress.prototype.setStatus = function (status) {
	this.fileProgressElement.childNodes[2].innerHTML = status;
};

FileProgress.prototype.toggleCancel = function (show, swfuploadInstance) {
	this.fileProgressElement.childNodes[0].style.visibility = show ? "visible" : "hidden";
	if (swfuploadInstance) {
		var fileID = this.fileProgressID;
		this.fileProgressElement.childNodes[0].onclick = function () {
			swfuploadInstance.cancelUpload(fileID);
			return false;
		};
	}
};