// usage: log('inside coolFunc',this,arguments);
// paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/
window.log = function(){
  log.history = log.history || [];   // store logs to an array for reference
  log.history.push(arguments);
  if(this.console){
    console.log( Array.prototype.slice.call(arguments) );
  }
};


(function($) {

  $(".trigger").click(function(){
    $(".panel").toggle("fast");
    $(this).toggleClass("active");
    return false;
  });

   $("#input_1_1").tokenInput("#", {
     theme: "facebook",
     resultsFormatter: function(item){ return item.name+"\n" },
     tokenFormatter: function(item){ return "<li>" + "<img src='" + item.url + "' height='30px'  />" + "</li>" },
     preventDuplicates: true

   });

  // $('#input_1_1').textext({
  //  plugins: 'tags',
  //  // ext: {
  //  //          itemManager: {
  //  //              stringToItem: function(str)
  //  //              {
  //  //                  return { name: str };
  //  //              },

  //  //              itemToString: function(item)
  //  //              {
  //  //                  return "<img src='"+item.url+"' width='25' height='25' />";
  //  //              },

  //  //              compareItems: function(item1, item2)
  //  //              {
  //  //                  return item1.name == item2.name;
  //  //              }
  //  //          }
  //  //      }
  // });

  $(".ngg-gallery-thumbnail-box .add_to_order").click(function(){
    var name = $(this).data("name");
    var photo_id = $(this).data("photo_id");
    var url = $(this).data("url");
    //var previous_text =  $("#input_1_1").val();
    //$("#input_1_1").val(previous_text+", "+text);
    //$('#input_1_1').textext()[0].tags().addTags([ name ]);
    //$('#input_1_1').textext()[0].tags().addTags([ {name:name, url: "url"} ]);
    log(photo_id);
    log(name);


    $('#input_1_1').tokenInput("add", {id: name, name: name, url: url });

    $(this).addClass("added");

    $(".panel").show("fast");
    $(this).toggleClass("active");
    return false;
  });



})(jQuery)