(function($) {
   $.widget("ui.gallery_tag_cloud_page",  {
     _init: function() {
       var self = this;
       self._set_tag_cloud();
       this._ajax_form();
       this._autocomplete();
     },

     _autocomplete: function() {
       var url = $("#g-tag-cloud-page-animation").attr("ref") + "/autocomplete";
       $("#g-add-tag-form input:text").autocomplete(
         url, {
           max: 30,
           multiple: true,
           multipleSeparator: ',',
           cacheLength: 1}
       );
     },

     _ajax_form: function() {
       var self = this;
       var form = $("#g-add-tag-form");
       form.ajaxForm({
         dataType: "json",
         success: function(data) {
           if (data.result == "success") {
             $.get($("#g-tag-cloud-page-animation").attr("ref"), function(data, textStatus) {
               $("#g-tag-cloud-movie-page").remove();
               $("#g-tag-cloud-page-animation").append("<div id='g-tag-cloud-movie-page'>" + data + "</div>");
               self._set_tag_cloud();
	     });
           }
           form.resetForm();
           $("#g-add-tag-form :text").blur();
         }
       });
     },

     _set_tag_cloud: function() {
       var self = this;
       var taglist = $("#g-tag-cloud-page-animation a");

       if (taglist.length == 0) {
         return;
       }
       var width = $("#g-tag-cloud-page-animation").width();
       var tags = document.createElement("tags");
       taglist.each(function(i) {
         var addr = $(this).clone();
         $(addr).attr("style", "font-size: 14pt;");
         $(tags).append(addr);
       });

       var flashvars = {
         tcolor: self.options.tcolor,
         tcolor2: self.options.tcolor2,
         mode: "tags",
         distr: self.options.distr,
         tspeed: self.options.tspeed,
         hicolor: self.options.hicolor,
         tagcloud: escape("<tags>" + $(tags).html() + "</tags>").toLowerCase()
       };
       var params = {
         bgcolor: self.options.bgColor,
         wmode: self.options.wmode,
         allowscriptaccess: self.options.scriptAccess
       };

       swfobject.embedSWF(self.options.movie, "g-tag-cloud-movie-page", width, .60 * width, "9", false,
                          flashvars, params);
     }
  });

  $.extend($.ui.gallery_tag_cloud_page,  {
    defaults: {
      bgColor: "0xFFFFFF",
      wmode: "transparent",
      scriptAccess: "always",
      tcolor: "0x333333",
      tcolor2: "0x009900",
      hicolor: "0x000000",
      tspeed: "100",
      distr: "true",
      mode: "tag"
    }
  });

})(jQuery);