// Looper Object
// Generate a set of repeating elements
var BehaviorLooper = GenericBehavior.create('BehaviorLooper', {
	onAttach: function(event, elem, args) {
		args.holder = elem;
		this.tellSuper('onAttach', event, elem, args);
        return true;
	},
	
	onDraw: function(event) {
        var args = this.args;
        
		this.action = args.action;
		this.data = $val(args.data);
		this.order = $val(args.order)
	    this.repeat = this.e.el(args.repeat.id || this.repeat_id);
        this.repeat_id = this.repeat.id;

        this.snapshot();
                
		//if (!this.origHTML) { this.origHTML = this.holder.innerHTML; }
		var action = this.action;
		var holder = this.e;
		var repeat = this.repeat;
		var repeat_id = this.repeat_id = repeat.id;

        var orig_disp;
        if (args.draw_hidden) {
            orig_disp = this.e.style.visibility;
            this.e.style.visibility = 'hidden';
        }
            
		// prepair data for looping
		var data = $val(this.data);
		var order = this.order;
		var array;
		if (typeof data == 'array') {
			array = data;
		} 
		else if (order) {
			array = new Array();
			for (var i=0; i<order.length; i++) {
				array.push(data[order[i]]);
			}
		}
		else {
			var hash = $H(data);
			array = hash.values();
			order = hash.keys();
		}

        // create duplicates of repeat element
        // this method has been found to be the fastest
        var repeater = document.createElement('div');
        repeater.appendChild(repeat.cloneNode(true));
        var repeat_html = repeater.innerHTML;
        holder.innerHTML = '';
        var addon_html = new Array();
        for (var i=0; i<(array.length); i++) {
            addon_html.push(repeat_html);
        }
        holder.innerHTML = addon_html.join("\n");
        
        // memory cleanup
        //repeater.innerHTML = '';
        repeater = null;
        repeat = null;
        
        // find and id the nodes
        var nodes = new Array();
        for (var i=0; i<holder.childNodes.length; i++) {
            var key = order ? order[i] : i;
            var node = holder.childNodes[i];
            if (node.id == repeat_id) { 
                if (!args.without_auto_id) { node.id = repeat_id+'_'+key; }
                nodes.push(el(node)); 
            }
        }

        // fill in each node with its action
        for (var i=0; i<array.length; i++) {
            var item = array[i];
            var key = order ? order[i] : i;
            var node = nodes[i];
            action({
                node: node, 
                value: item, 
                key: key, 
                index: i,
                behavior: this
            });
        }
        
        if (args.draw_hidden) { this.e.style.visibility = orig_disp; }
        
		return true;
	},
	
	onWillClear: function(event) {
		var repeat_id = this.args.repeat_id || this.repeat_id || this.repeat.id;
		this.repeat = null;
	},
	
    setargs: function(args) {
        this.args = args;
        this.args.repeat_id = el(args.repeat).id;
    }
});