// JavaScript Document

var maxImageSizeKBytes=100;
var controls=new controlsWrapper();

function addFileUploadBox()
{
	isIE=(navigator.appName=='Microsoft Internet Explorer');
	
	if (i_cant_fotos && !addFileUploadBox.lastAssignedId)
		addFileUploadBox.lastAssignedId=100+i_cant_fotos;
		
	if (!document.getElementById || !document.createElement)
		return false;
 
	var uploadArea = document.getElementById ("upload-area");

	var alreadyAdded=document.getElementById('imagePreviews').getElementsByTagName('img');
	if (alreadyAdded.length>=12)  {
		alert('Se ha alcanzado el limite de 12 imagenes');
		return;
	}
	if (!uploadArea)
		return;

	// The new box needs a name and an ID
	if (!addFileUploadBox.lastAssignedId)
		addFileUploadBox.lastAssignedId = 100;

	var newContainer=document.createElement("div");

	var idFile="file" + addFileUploadBox.lastAssignedId;
	var idDiv="divFile" + addFileUploadBox.lastAssignedId;

	
	var fbAttr={size:40,id:idFile,name:'fotos['+idFile+']'};
	var fbEvnt={'change':'uploadFiles'};
	
	var btnAttr={value:'Eliminar',id:'btn'+idDiv};
	var btnEvnt={'click':'removeFileUploadBox'};

	var imgAttr={src:'/images/seleccionar_imagen.gif',id:'img'+idFile,width:32,height:32,border:1,hspace:2};

	var newUploadBox=controls.createFileBox(fbAttr,fbEvnt);
	var btnUploadBox=controls.createButton(btnAttr,btnEvnt);
	
	newContainer.appendChild(newUploadBox);
	newContainer.appendChild(btnUploadBox);

	newContainer.setAttribute("id",idDiv);
	uploadArea.appendChild(newContainer);

	var img=controls.createImg(imgAttr);
	var imageContainer=document.getElementById('imagePreviews');
	imageContainer.appendChild(img);

	addFileUploadBox.lastAssignedId++;
	/*

	//----------------------------------------------------------------
	//
	// CODIGO VIEJO PARA MANEJAR LOS UPLOADS CON PREVIEW
	//
	//----------------------------------------------------------------

	var newContainer=document.createElement("div");
	
	var newUploadBox = document.createElement ("input");

	// Set up the new input for file uploads
	newUploadBox.type = "file";
	newUploadBox.size = "40";

	// The new box needs a name and an ID
	if (!addFileUploadBox.lastAssignedId)
		addFileUploadBox.lastAssignedId = 100;
	
	var id="file" + addFileUploadBox.lastAssignedId;
	var idDiv="divFile" + addFileUploadBox.lastAssignedId;
	newUploadBox.setAttribute ("id", "file" + addFileUploadBox.lastAssignedId);
	newUploadBox.setAttribute ("name", "fotos["+id+"]");
//    newUploadBox.onchange=uploadFiles(newUploadBox);
//	Event.observe(newUploadBox,'change',uploadFiles(newUploadBox));
	newUploadBox.setAttribute ("onChange", "uploadFiles(this);");
	newContainer.appendChild (newUploadBox);
	
	var newLink=document.createElement("input");
	newLink.type="button";
	newLink.setAttribute("onClick","javascript:removeFileUploadBox('"+idDiv+"')");
	newLink.value="Eliminar";
	newContainer.appendChild(newLink);

	newContainer.setAttribute("id",idDiv);
	uploadArea.appendChild(newContainer);

	var img=document.createElement('img');
	img.src='/images/seleccionar_imagen.gif';
	img.width=32;
	img.height=32;
	img.border=1;
	img.hspace=2;
	img.setAttribute("id","img"+id);
	
	var imageContainer=document.getElementById('imagePreviews');
	imageContainer.appendChild(img);
		
	addFileUploadBox.lastAssignedId++;
	
	*/
}

function uploadFiles(e) {

	if (controls.isIE)
		callerObj=event.srcElement;
	else
		callerObj=e.target;

	
	//var controls=new controlsWrapper();
	
	if (callerObj.value=='') 
		return
	var img=document.getElementById('img'+callerObj.getAttribute('id'));
	img.src="/images/loading.gif";
	var hidIframe=document.getElementById("hiddenIframe");
	hidIframe.style.display='none';
	hidIframe.setAttribute('name',callerObj.getAttribute('id'));
	hifEvents={'load':"parent.refreshPreview"};
	hidIframe=controls.setEvents(hidIframe,hifEvents);

	if (document.formNuevoBlog) {
		//document.formNuevoBlog.appendChild(hidIframe);
		document.formNuevoBlog.accion.value="saveTemporaryFile";
		document.formNuevoBlog.objID.value=callerObj.getAttribute('id');
		document.formNuevoBlog.setAttribute("target","hiddenIframe");
		document.formNuevoBlog.submit();
	} else {
		//document.formNuevoArticulo.appendChild(hidIframe);
		document.formNuevoArticulo.accion.value="saveTemporaryFile";
		document.formNuevoArticulo.objID.value=callerObj.getAttribute('id');
		document.formNuevoArticulo.setAttribute("target","hiddenIframe");
		document.formNuevoArticulo.submit();
	}
		
}

function refreshPreview(e) {

	if (controls.isIE)
		callerObj=event.srcElement;
	else
		callerObj=e.target;
	id=callerObj.name;
	var img=document.getElementById('img'+id);
	img.src="/fotos/temp/"+i_user_id+"_"+id+".jpg/32/32/rand"+(Math.random() * 10000000);
	
}

function removeFileUploadBox(e) {

	if (controls.isIE)
		callerObj=event.srcElement;
	else
		callerObj=e.target;
	id=callerObj.id.substr(3);;

	document.getElementById('upload-area').removeChild(document.getElementById(id));
	id=id.replace('divFile','file');
	document.getElementById('imagePreviews').removeChild(document.getElementById('img'+id));
	loadData('/ajax/get_xml.php?metodo=removeTemp&id='+escape(i_user_id+"_"+id+".jpg"),null);
	
}

function removePreview(id) {

	tag=document.getElementById('img'+id).name;
	if (confirm('Desea realmente eliminar la foto '+tag+'?')) {
		document.getElementById('imagePreviews').removeChild(document.getElementById('img'+id));
		loadData('/ajax/get_xml.php?metodo=removeImage&id='+escape(tag),null);
	}
}