// closed	1
// open		2
// public	3
var currenttype;
var appended = false;
var form =  '\
			<div id="appendedform" style="display: none; margin:15px 0 0 0; padding:10px 0 0 0; border-top:1px solid #eaeaea;"> \
			<label for="groupname">Namnge din grupp (ex. Min "skolklass")</label> \
            <input type="text" name="groupname" /> \
            <label for="groupalias">Skapa ett alias för din grupp</label> \
            <input type="text" name="groupalias" /> \
            <p style="background: none;"><small>http://talky.se/<strong>gruppalias</strong></small></p> \
            <input type="submit" id="submit-group" name="submitgroup" value="Skapa grupp" class="form-button" style="font-size:12px; width: 100px;" /> \
            <div style="clear:both;"></div> \
            </div>';

function appendForm(event) {
	
	if(appended && (currenttype != $(this).attr('rel') ) ) {
		$('#appendedform').parent('.new-group').removeClass('new-group-active');
		$('#appendedform').remove();
	}
	
	if(currenttype != $(this).attr('rel')) {
		$(this).addClass('new-group-active');
		$('#grouptype').val($(this).attr('rel'));
		$(this).append(form);
		$('#appendedform').slideDown(250);
		currenttype = $(this).attr('rel');
		appended = true;
	}
}

function submitForm(event) {
	event.preventDefault();
	formData = {grouptype: $('input[name=grouptype]').val(), groupname: $('input[name=groupname]').val(), groupalias: $('input[name=groupalias]').val()};
	$.ajax({type: 'POST', url: 'action/creategroup', data: formData, success: renderAjaxResults, dataType: 'html'});
}

function renderAjaxResults(data) {
	$('#facebox .content').html(data);
	editgroup_init();
}

$(function() {
	$('.new-group-facebox').click(function(){
		jQuery.facebox(function() {
			jQuery.get('facebox/creategroup', function(data) {
				$.facebox(data);
				$('#public-group').bind('click', appendForm);
				$('#open-group').bind('click', appendForm);
				$('#closed-group').bind('click', appendForm);
				$('#create-new-group').bind('submit', submitForm);
				
			});
		});
	});
});