YUI.add('tag-reconcile', function(Y) {

	var Lang = Y.Lang,
		Widget = Y.Widget,
		Node = Y.Node;

	var NS = Y.namespace('mazzle');	
	NS.TagReconcile = TagReconcile;
	
	/* TagReconcile class constructor */
	function TagReconcile(config) {
		TagReconcile.superclass.constructor.apply(this, arguments);
	}

	/* 
	 * Required NAME static field, to identify the Widget class and 
	 * used as an event prefix, to generate class names etc. (set to the 
	 * class name in camel case). 
	 */
	TagReconcile.NAME = "tag-reconcile";

	/*
	 * The attribute configuration for the TagReconcile widget. Attributes can be
	 * defined with default values, get/set functions and validator functions
	 * as with any other class extending Base.
	 */
	TagReconcile.ATTRS = {
		sources: {
			value: {}
		},
		tags: {
			value: []
		},
		tagsPerRequest: {
			value:5
		},
		limit: {
			value:3
		}
	};

	/* TagReconcile extends the base Widget class */
	Y.extend(TagReconcile, Widget, {

		initializer: function() {
			this.reconciled = {};
		},

		destructor : function() {
		},

		renderUI : function() {
			var sources = this.get("sources"),
				content = this.get("contentBox");
			
			content.append('<span>select a source: <span>');
			var sourceSelect = content.appendChild('<select></select>');
			for (var key in sources) {
				sourceSelect.append('<option value="'+key+'">'+sources[key].label+'</option>');
			}
			this.button = content.appendChild('<button>Go</button>');
			this.status = content.appendChild('<span class="status"></span>');
			this.sourceSelect = sourceSelect;
		},

		bindUI : function() {
			var select = this.sourceSelect,
				sources = this.get("sources");
	
			this.button.on("click", function(e) {
				this.reconciled = {};
				var index = select.get("selectedIndex"),
					source = sources[select.get("options").item(index).get("value")],
					url = source.url
						+ "?callback={callback}"
						+ source.parameters;
				Y.log('reconcile against '+source.label);
				this.fire("reconcileStart", {"source":source});
				this.reconcile(url, 0);
			}, this);
		},

		syncUI : function() {
		},

		/* @TBD add handler to cancel the request */
		reconcile : function(url, index) {
			var oSelf = this,
				tags = this.get("tags"),
				n = this.get("tagsPerRequest"),
				limit = this.get("limit"),
				start = index,
	 			last = Math.min(index+n,tags.length),
	 			queries = {};
     		
			//build the query object
			for(index;index<last;index++) {
            	var tag = tags[index].tag,
					label = tag.label ? tag.label : tag.value;
	    		queries[tag.value] = {query:label,limit:limit};
     		};
			var request = url+"&limit="+limit+"&queries="+Y.JSON.stringify(queries);
			
			// some feedbak to the user
			this.status.setContent("...reconciling "+start+"/"+tags.length);
			
			Y.log("reconcile "+index);
			Y.jsonp(request, function(response) {
	    		if(index<tags.length) {
					oSelf.reconcile(url,index);
				} else {
					oSelf.status.setContent("done");
				}
				oSelf.reconciled = Y.merge(oSelf.reconciled,response);
				oSelf.fire("reconcileReturn",
					{startIndex:start, endIndex:index, reconciled:oSelf.reconciled});
	    	});
		}
	})
	  
}, 'gallery-2010.03.02-18' ,{requires:['node','event','widget','json','jsonp']});