Event.observe(window, 'load', function() {
									   
	Event.observe($('addMaterial'), "click", AddMaterialDiv);
	
	AddEditMaterialListeners = function(e) {
		var el = e.element();
		var del = el.hasClassName('spanDelete');
		var id = el.identify();
		if(del == true)
		{
			DeleteMaterialPopup(id);
			return;
		}

		del = el.hasClassName('spanEdit');
		if(del == true)
		{
			EditMaterialPopup(id);
		}
	}

	$('contenido').observe("click", AddEditMaterialListeners);																													 
});

function AddMaterialDiv(id)
{
	grayOut(true);
	if(id == 0)
	{
		$('fview').hide();
		grayOut(false);
		return;
	}
	$('fview').show();
	
	new Ajax.Request(WEB_ROOT+'/ajax/materiales.php', 
	{
		method:'post',
		parameters: {type: "addMaterial"},
    onSuccess: function(transport){
			var response = transport.responseText || "no response text";
			FViewOffSet(response);
			Event.observe($('agregarMaterial'), "click", AddMaterial);
			Event.observe($('fviewclose'), "click", function(){ AddMaterialDiv(0); });

		},
    onFailure: function(){ alert('Something went wrong...') }
  });
}

function AddMaterial()
{
	new Ajax.Request(WEB_ROOT+'/ajax/materiales.php', 
	{
		method:'post',
		parameters: $('agregarMaterialForm').serialize(true),
    onSuccess: function(transport){
			var response = transport.responseText || "no response text";

			var splitResponse = response.split("[#]");
			if(splitResponse[0] == "fail")
			{
				ShowStatusPopUp(splitResponse[1]);
			}
			else
			{
				ShowStatusPopUp(splitResponse[1]);				
				$('contenido').innerHTML = splitResponse[2];
				Event.observe($('addMaterial'), "click", AddMaterialDiv);
				HideFview();			
			}

		},
    onFailure: function(){ alert('Something went wrong...') }
  });
}

function EditMaterialPopup(id)
{
	grayOut(true);
	$('fview').show();
	if(id == 0)
	{
		$('fview').hide();
		grayOut(false);
		return;
	}
	new Ajax.Request(WEB_ROOT+'/ajax/materiales.php', 
	{
		method:'post',
		parameters: {type: "editMaterial", id:id},
    onSuccess: function(transport){
			var response = transport.responseText || "no response text";
			FViewOffSet(response);
			Event.observe($('closePopUpDiv'), "click", function(){ AddMaterialDiv(0); });
			Event.observe($('editarMaterial'), "click", EditarMaterial);

		},
    onFailure: function(){ alert('Something went wrong...') }
  });
}

function EditarMaterial()
{
	new Ajax.Request(WEB_ROOT+'/ajax/materiales.php', 
	{
		method:'post',
		parameters: $('editarMaterialForm').serialize(true),
    onSuccess: function(transport){
			var response = transport.responseText || "no response text";
			var splitResponse = response.split("[#]");

			if(splitResponse[0] == "fail")
			{
				ShowStatusPopUp(splitResponse[1])
			}
			else
			{
				ShowStatusPopUp(splitResponse[1])
				$('contenido').innerHTML = splitResponse[2];
				Event.observe($('addMaterial'), "click", AddMaterialDiv);
				HideFview();
			}

		},
    onFailure: function(){ alert('Something went wrong...') }
  });
}

function DeleteMaterialPopup(id)
{
	var message = "Realmente deseas eliminar este material?";
	if(!confirm(message))
  {
		return;
	}
	
	new Ajax.Request(WEB_ROOT+'/ajax/materiales.php', 
	{
		method:'post',
		parameters: {type: "deleteMaterial", id: id},
    onSuccess: function(transport){
			var response = transport.responseText || "no response text";

			var splitResponse = response.split("[#]");
			ShowStatus(splitResponse[1])
			$('contenido').innerHTML = splitResponse[2];
			Event.observe($('addMaterial'), "click", AddMaterialDiv);
			HideFview();
		},
    onFailure: function(){ alert('Something went wrong...') }
  });
	

}