$(document).ready(function(){
  $(".af").change( function() {
    var t = $('#'+$(this).attr('rel'));
    t.addClass('ch');
    if ($(this).val() != 0){
      t.val($(this).find(':selected').text());
    }
  });
  $(".af").keyup(function(event){
    $(this).change();
  })
  $("select#cid").change(function(){
    $.post("/rpc/get_sub", {cid: $(this).val()}, function(j){
      var options = '';
      options += '<option value="0">Изберете...</option>';
      for (var i = 0; i < j.length; i++) {
        options += '<option value="' + j[i].id + '">' + j[i].name + '</option>';
      }
      $("select#scid").html(options);
    }, 'json')
  });
  $('input.hw').keydown(function(event){
    if (event.keyCode > 47 && event.keyCode < 91){
      $(this).removeClass('ch');
    }
  });

	var count = $('#files').children('li').size();
	new AjaxUpload('upload_button', {
		action: '/rpc/upload',
		name: 'userfile',
		autoSubmit: true,
		responseType: 'json',
		onChange: function(file, extension){},
		onSubmit: function(file, extension) {
			//set file permission
			if (! (extension && /^(jpg|png|jpeg|gif)$/.test(extension))){
				alert('Error: Wrong extension');
				return false;
			}
			// increment count
			count ++;
			// count submission
			if(count > 6){
				alert('Too many files');
				return false;
			}
			// showing loader
			var li = $('#files').children('li').size();
			if(count > li ){
				$('#loader').show();
			}
		},
		onComplete: function(file, response) {
			// add delete link
			if(response.status == 'success') {
				var list_item = '<li><img class="thumb" src="'+ response.thumb_name +'" /><br />';
					list_item += '<a href="#" class="del"><img src="/i/rm.gif" /></a>&nbsp;'+ file +'<br />';
          list_item += '<input type="hidden" name="ufiles[]" value="'+response.thumb_name+'" />';
					list_item += '</li>';
				$('#files').append(list_item);
			}
			else{
				count--;
				alert(response.errors +' ' + file);
			}
			// remove the loader
			var li = $('#files').children('li').size();
			if(count == li){
				$('#loader').hide();
			}

			// if clicked, remove image completely
			$('.del').click(function(e){
				e.preventDefault();
				$(this).parent().remove();
				count --;
			});
		}
	});
});