// Add Lesson to Group Script

function EJ_AddToGroup(instance_name)
{
	this.add_to_group;
	this.my_groups;
	instance_name;
	this.list_element;
	this.selected_element;
	this.selected_group = null;
	this.window_id;

	this.create_link = function(selection)
	{
		list_item = document.createElement('A');
		list_item.href = 'javascript:void(0)';
		list_item.onclick = function() {
			eval(instance_name + '.select_group(selection)');
		}
		list_item.title = this.my_groups[selection].name;
		return list_item;
	}

	this.create_list = function()
	{
		this.list_element.innerHTML = '';
		for(var i=0;i<this.my_groups.length;i++)
		{
			if (this.my_groups[i].added == false)
			{
				list_item = this.create_link(i);
			}
			
			else
			{
				list_item = document.createElement('SPAN');
				list_item.title 			= this.my_groups[i].name + ' (already added)';
				list_item.className = 'redtext bold';
			}
			
			list_item.appendChild(document.createTextNode(this.my_groups[i].name));
			this.list_element.appendChild(list_item);
			if (i < this.my_groups.length-1) this.list_element.appendChild(document.createTextNode(', '));
		}
	}
	
	this.select_group = function(i)
	{
		this.selected_group = i;
		this.selected_element.innerHTML = '';
		this.selected_element.appendChild(document.createTextNode(this.my_groups[i].name));
	}
	
	this.display_saving_button = function()
	{
		this.save_button.innerHTML = '';
		var loading_image = document.createElement('IMG');
				loading_image.src = jsconfig.loading_image;		
				loading_image.align = 'top';
		this.save_button.appendChild(loading_image);
		this.save_button.appendChild(document.createTextNode(' saving...'));
	}

	this.display_save_button = function()
	{
		this.save_button.innerHTML	= '';		
		this.save_button.title			= 'Add to Group';
		this.save_button.appendChild(document.createTextNode('Save'));
		this.save_button.onclick = function() {
			eval(instance_name+'.save()');
		}
	}

	this.save = function()
	{
		if (this.selected_group == null)
		{
			alert('please select a course');
			return;
		}
		this.display_saving_button();
		SaveAddToGroup(this.my_groups[this.selected_group].id);
	}

	this.display_form = function()
	{				
		element = $(this.window_id+'_inner');
		var lesson					 	= document.createElement('P');
		this.list_element 	 	= document.createElement('DIV');
		var add_element				= document.createElement('P');
		this.selected_element = document.createElement('SPAN');
		var list_text					= document.createElement('SPAN');
		this.save_button			= document.createElement('BUTTON');
		this.display_save_button();

		list_text.style.fontWeight = 'bold';
		list_text.appendChild(document.createTextNode('My Courses:'));
		
		this.list_element.className = 'group_add_list';
		
		add_element.className = 'group_add_mygroups';
		
		lesson.innerHTML = '<b>Lesson:</b><br>';
		lesson.appendChild(document.createTextNode(this.lesson_name));
				
		element.innerHTML = '';
		element.appendChild(lesson);
		element.appendChild(list_text);
		element.appendChild(this.list_element);
		element.appendChild(add_element);
		add_element.appendChild(document.createTextNode('Add to course: '));
		add_element.appendChild(this.selected_element);
		element.appendChild(add_element);
		element.appendChild(this.save_button);
	}

	this.show_saving_and_fade = function()
	{
		$(this.window_id+'_saved').style.display = '';
		$(this.window_id+'_inner').style.display = 'none';
		Effect.toggle(this.window_id);
	}
	
	this.hide_saving = function()
	{
		$(this.window_id+'_saved').style.display = 'none';
		$(this.window_id+'_inner').style.display = '';
		Effect.toggle(this.window_id);
	}

	this.successfully_added = function()
	{
		this.show_saving_and_fade();
		this.my_groups[this.selected_group].added = true;
		this.create_list();
		this.selected_element.innerHTML = '';
		this.selected_group = null;
		this.display_save_button();
	}
	
}