function createUploadElement(e) {
	var element = document.getElementById(e);
	var block	= document.getElementById('block_' + e);
	block.innerHTML = '<input type="file" name="'+e+'" id="'+e+'" />&nbsp;<input type="button" value="Upload" onclick="doUpload( \''+e+'\', \'add\');" />';	
}

function createUploadElementPDF(e) {
	var element = document.getElementById(e);
	var block	= document.getElementById('block_' + e);
    block.innerHTML = '<div><input type="file" name="'+e+'" id="'+e+'" />&nbsp;<input type="button" name="upload" value="Upload" onclick="doUpload( \''+e+'\', \'add\');" /></div><div style="margin-top: 3px;"><input type="text" name="title" id="title_'+e+'" /><span class="tips">(visible title, if blank will "Document" show)</span></div>';
}

function doModify(e) {
	var dId = document.getElementById('docId').value;	
	if(dId > -1) {
		doDeletDbRecord(dId, e);
	}
	var element = document.getElementById(e);
	var block	= document.getElementById('block_' + e);
	block.innerHTML = '<input type="file" name="'+e+'" id="'+e+'" />&nbsp;<input type="button" value="Upload" onclick="doUpload( \''+e+'\', \'modify\');" />';

}

function doModifyPDF(e) {
	var dId = document.getElementById('docId').value;	
	if(dId > -1) {
		doDeletDbRecord(dId, e);
	}
	var element = document.getElementById(e);
	var block	= document.getElementById('block_' + e);
	block.innerHTML = '<div><input type="file" name="'+e+'" id="'+e+'" />&nbsp;<input type="button" name="upload" value="Upload" onclick="doUpload( \''+e+'\', \'modify\');" /></div><div style="margin-top: 3px;"><input type="text" name="title" id="title_'+e+'" /><span class="tips">(visible title, if blank will "Document" show)</span></div>';		
}

function doDeletDbRecord(did, e) {
	var type = getFieldTyep(e); 
	jQuery.ajax({
		type: "GET",
   		url: "upload",
   		data: "did="+did+"&element="+e+"&type="+type+"&action=delete",
   		success: function(msg){
     		//modifyElement(e, 'modify');
   		}
 	});
}

function doUpload(e, action) {
	
	var element = document.getElementById(e);
	var form 	= document.getElementById('uploadForm');
	var hFN 	= document.getElementById('fieldName');
	var hFT 	= document.getElementById('fieldType');
	var hA  	= document.getElementById('action');
	var iframe  = createIframe();
	var fType	= getFieldTyep(e);
	
	if(fType == 'fr' || fType == 'sor' || fType == 'hd') {
		var pdfTitle = document.getElementById('title_' + e);
		jQuery(pdfTitle).appendTo(form);
	}
	
	form.target = iframe.id;
	jQuery(element).appendTo(form);
	hFN.value = e;
	hFT.value = fType;
	hA.value  = action;
	iframe.onSendComplete = function() {transferDone(iframe);};
	form.submit();
	var remEl1 = document.getElementById(e);
	form.removeChild(remEl1);
	document.getElementById('block_' + e).innerHTML = '<img src="images/loading.gif" />';
}

function createIframe() {
	var id  = 'f' + Math.floor(Math.random() * 99999);
	var div = document.createElement('div');
  	div.innerHTML = '<iframe style="display:none" src="about:blank" id="'+id+'" name="'+id+'" onload="sendComplete((\''+id+'\'))"></iframe>';
  	document.body.appendChild(div);
  	return document.getElementById(id); 
}

function sendComplete(id) {
  var iframe=document.getElementById(id);
  if (iframe.onSendComplete && typeof(iframe.onSendComplete) == 'function') iframe.onSendComplete();
}

function transferDone(iframe) {
	var doc=iframe.contentDocument;
	if (!doc && iframe.contentWindow) doc=iframe.contentWindow.document;
  	if (!doc) doc=window.frames[iframe.id].document;
  	if (!doc) return null;
  	if (doc.location=="about:blank") return null;
	var response = jQuery('#response', doc).text();
	if(!response) 
	{
		createUploadElement('logo_1');
		return null;
	}
	var response = eval("(" + response + ")");
	var failed	 = response['failed'];
	var block	 = document.getElementById('block_' + response['element']);
	block.innerHTML = '';
	if(failed == 'true') {
		var action;
		var errorDiv = document.createElement('div');
		var buttonAgain = document.createElement('div');
		var type = getFieldTyep(response['element']);
		buttonAgain.className = 'button add floatL marginL20';
		buttonAgain.innerHTML = '<span>Again?</span>';
		if(type == 'image' || type == 'logo') buttonAgain.onclick = function () {doModify(response['element'])}
		if(type == 'fr' || type == 'sor' || type == 'hd') buttonAgain.onclick = function () {doModifyPDF(response['element'])}
		errorDiv.innerHTML = response['error'];
		errorDiv.className = 'uploadError';
		jQuery(errorDiv).appendTo(block);
		jQuery(buttonAgain).appendTo(block);		
		return false;
	}
	if(failed == 'false') {
		var type 	 = response['type'];
		var url   	 = response['url'];
		var action 	 = response['action'];
		var next	 = response['next'];
		var nocache  = 'f' + Math.floor(Math.random() * 99999);
		var docId 	 = response['docId'];
		var title 	 = response['title'];
		var cFB;
		var cSB;
		
		switch(type) {
			case 'image':
			case 'logo':
				var src =url + '?'+nocache;
				cFB = '<div class="imgContent"><img src="'+src+'" height="100" /></div>';
				jQuery('#Sender_logo').val(url);
				//if(docId == '-1') {
					cSB = '<div class="button modify floatL marginL20" onclick="doModify(\''+response['element']+'\');"><span>Modify</span></div>';
				//}			
				break;
			case 'fr':
			case 'sor':
			case 'hd':
				cFB = '<div class="pdfContent"><a href="'+response['url']+'" class="bLink">'+response['title']+'</a></div>';
				//if(docId == '-1') {
					cSB = '<div class="button modify floatL marginL20" onclick="doModifyPDF(\''+response['element']+'\');"><span>Modify</span></div>';
				//}
				break;
		}
		
		block.innerHTML = cFB + cSB;
		
		if(action == 'add' && next == 'true') {
			var name = getFieldTyep(response['element']);
			var num  = getFieldNum(response['element']);
			var conteiner = document.getElementById('cont_' + name);
			var newConteinerElement = document.createElement('div');
			newConteinerElement.className = 'cont';
			num++;
			var newName = name + '_' + num;
			newConteinerElement.id  = 'block_' + newName;
			if(name == 'image' || name == 'logo') newConteinerElement.innerHTML = '<div id="buttonAdd" class="button add" onclick="createUploadElement(\''+newName+'\');"><span>Add new</span></div>';
			if(name == 'fr' || name == 'sor' || name == 'hd') newConteinerElement.innerHTML = '<div id="buttonAdd" class="button add" onclick="createUploadElementPDF(\''+newName+'\');"><span>Add new</span></div>';
			jQuery(newConteinerElement).appendTo(conteiner);
		}
	} 
	return;
}

function getFieldTyep(e) {
	var aParse = e.split('_');
	return aParse[0];
}

function getFieldNum(e) {
	var aParse = e.split('_');
	return aParse[1];
}