function startUpload(i){
      document.getElementById('f1_upload_process' + i).style.visibility = 'visible';
      document.getElementById('f1_upload_form' + i).style.visibility = 'hidden';
      return true;
}

function stopUpload(success,fileid,i,filename){
      var result = '';
      if (success == 1){
		
        result = '<span class="msg">Image' + i + ' was uploaded successfully!<\/span><br/><br/>';
		addImage("includes/thumbnail.php?id=" + fileid);
		var parDoc = window.parent.document;
		parDoc.getElementById('imagefile' + i).value = filename;
      }
      else {
         result = '<span class="emsg">There was an error during file upload! ' + success + '<\/span><br/><br/>';
      }
      document.getElementById('f1_upload_process' + i).style.visibility = 'hidden';
      document.getElementById('f1_upload_form' + i).innerHTML = result ;
      document.getElementById('f1_upload_form' + i).style.visibility = 'visible';      

	  return true;   
		
}

function addImage(src) {
	var newImg = document.createElement("img");
	newImg.style.margin = "5px";

	document.getElementById("thumbnails").appendChild(newImg);
	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);
	}
}