$(function(){
    $('#id_tags').tagsInput({'width':'390px'});

    $('.alert-message').each(
      function(){
	var $msg = $(this);
	$msg.find('.close').click(function(){
				    $msg.slideToggle();
				  });
      }
    );

    $('#btn_shorten').click(
      function(){
	var tags_str = $('#id_tags').val();
	var tags = tags_str.split(',');
	var orig_url = $('#id_url').val();
	urltag.tag([orig_url],
		   function(result){
		     $('#result_tbl').show();
		     $('#result_tbl tbody').append('<tr><td><a href="' +
						   result[0] + '">'+result[0].substr(7)+'</a>'+
						   '</td><td>' +
						   tags_str +
						   '</td><td><a href="' +
						   orig_url +'">' + orig_url +'</a>'+
						   '</td></tr>');
		   },
		   {'tags' : tags},
		   'shorten');
	return false;
      });
  });