$(document).ready(function() {
    //$('.courses-timetable').css("border","13px solid red");
    $('#registration').hide();
    $('.courses-timetable a.register-link').click(function() {
        //$('#progressbar').progressbar({value: 59});
	$('#registration').show();

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

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