Event.observe(window, 'load', function() {
									   
	Event.observe($('addTalla'), "click", AddTallaDiv);
	
	AddEditTallaListeners = function(e) {
		var el = e.element();
		var del = el.hasClassName('spanDelete');
		var id = el.identify();
		if(del == true)
		{
			DeleteTallaPopup(id);
			return;
		}

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

	$('tallasDiv').observe("click", AddEditTallaListeners);																													 
});

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

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

function AddTalla()
{
	new Ajax.Request(WEB_ROOT+'/ajax/tallas.php', 
	{
		method:'post',
		parameters: $('agregarTallaForm').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]);				
				$('tallasDiv').innerHTML = splitResponse[2];
				Event.observe($('addTalla'), "click", AddTallaDiv);
				HideFview();			
			}

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

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

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

function EditarTalla()
{
	new Ajax.Request(WEB_ROOT+'/ajax/tallas.php', 
	{
		method:'post',
		parameters: $('editarTallaForm').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])
				$('tallasDiv').innerHTML = splitResponse[2];
				Event.observe($('addTalla'), "click", AddTallaDiv);
				HideFview();
			}

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

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

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

}