$(document).ready(function() {
    var regLink = $('form[name="termilab-login"] a.termilab-registration');
    
    regLink.click(function() {	
    	var container = $('<div/>').attr({id : "#termilab-registration-container"});
	regLink.after(container);

     	container.dialog({
	     modal: true,
   	     width: 750,
   	     position: 'top',
   	     title: 'Идет загрузка формы...'
	});

	container.html('<div class="spinner"><img src="/assets/js/loadingAnimation.gif"></div>');
	$('.ui-widget-overlay').css({opacity: 0.6});
	
	var formUrl = $(this).attr('ajax');
	
	$.get(formUrl,{}, function(data) {
 	    container.html(data);
 	    var options = {
	        // target element(s) to be updated with server response 
	        target:        container,
	        success:       prepareForm,  // post-submit callback
	        beforeSend: showLoading
	        
	  };
	  
	  prepareFormInternal();
	  function prepareForm(responseText, statusText, xhr, $form)  { 
	    prepareFormInternal();
	  }
	  
	  function prepareFormInternal() {
	    container.find('form').ajaxForm(options);
	    container.find('form .submit input').button();
	    container.find('h3').hide();
	    var title = container.find('h3').text();
	    container.dialog( "option", "title", title );
	    container.find('form input.cancel').click(function() {
	       container.dialog('close');
	    });
	  }
	  
	  function showLoading(xhr) {
	    container.html('<div class="spinner"><img src="/assets/js/loadingAnimation.gif"></div>');
	    container.dialog( "option", "title", "Идет обработка данных..." );
	  }
	});
    	return false;
    });
});