(function($, Mustache){
'use strict';
	if (!$.scope) {
		$.scope = {};
	}
	
	var make = function( element ){

		//construct array
		function makeArray( input ){

			var result = [];

			Object.defineProperty( result, "__repeatId", {
				value: repeatId,
				writable: true,
				enumerable: false,
				configurable: true
			} );

			result.splice = function(){
				//splice does all the heavy lifting by interacting with the DOM elements.

				var index;
				//if a string is submitted as the index, try to match it to index number
				if( typeof arguments[0] === 'string' ){
					index = this.indexOf( arguments[0] );//set where to start
					if ( index === -1 ) {
						return [];
					}
				}else{
					index = arguments[0]; //set where to start
				}
				var howMany = arguments[1]; //sets the amount of fields to remove
				var args = Array.prototype.slice.call( arguments ); // coverts arguments into array 
				var toAdd = args.slice(2); // only keeps fields to add to array

				// if the starting point is higher then the total index count, start at the end
				if( index > this.length ) {
					index = this.length;
				}
				// if the starting point is negative, start form the end of the array, minus the start point
				if( index < 0 ) {
					index = this.length - Math.abs( index );
				}

				// if there are things to add, figure out the how many new indexes we need
				if( !howMany && howMany !== 0 ) {
					howMany = this.length - index;
				}
				//not sure why i put this here... but it does matter!
				if( howMany > this.length - index ) {
					howMany = this.length - index;
				}

				//figure out how many positions we need to shift the current elements
				var shift = toAdd.length - howMany;

				// figure out how big the new array will be
				// var newLength = this.length + shift;

				//removes fields from array based on howMany needs to be removed
				for( var i = 0; i < howMany; i++ ) {
					this.__take.apply( $( '.jq-repeat-'+ this.__repeatId +'[jq-repeat-index="'+ ( i + index ) +'"]' ) );
				}

				//re-factor element index's
				$( '.jq-repeat-'+ this.__repeatId+'[jq-repeat-index!="holder"]' ).each(function(){
					var thisIndex = Number( $( this ).attr( 'jq-repeat-index' ) );
					if(  thisIndex >= index){
						$( this ).attr( 'jq-repeat-index', thisIndex+shift );
					}
				});

				//if there are fields to add to the array, add them
				if( toAdd.length > 0 ){

					//$.each( toAdd, function( key, value ){
					for(var I = 0; I < toAdd.length; I++){
						
						//figure out new elements index
						var key = I + index;
						//get the proper template
						var template = $( document.getElementById( this.__repeatId + 'Template' ).outerHTML );
						// apply values to template
						var render = Mustache.render( template.html(), toAdd[I] );
						
						//set call name and index keys to DOM element
						render = $( render ).addClass( 'jq-repeat-'+ this.__repeatId ).attr( 'jq-repeat-index', key );

						//if add new elements in proper stop, or after the place holder.
						if( key === 0 ){
							$( '.jq-repeat-'+ this.__repeatId +'[jq-repeat-index="holder"]' ).after( render );
						}else{
							$( '.jq-repeat-'+ this.__repeatId +'[jq-repeat-index="' + ( key -1 ) + '"]' ).after( render );
						}
						
						//animate element
						this.__put.apply(render, [toAdd[I]]);
					}
				}
				
				//set and return new array
				return Array.prototype.splice.apply( this, arguments );
			};
			result.push = function(){
				//add one or more objects to the array

				//set the index value, if none is set make it zero
				var index = this.length || 0;
				
				//loop each passed object and pass it to slice
				for (var i = 0 ; i < arguments.length; ++i) {
					this.splice( ( index + i ), 0, arguments[i] );
				}

				//return new array length
				return this.length;
			};
			result.pop = function(){
				//remove and return array element

				return this.splice( -1, 1 )[0];
			};
			result.reverse = function() {
				var temp = this.splice( 0 );
				Array.prototype.reverse.apply( temp );

				for( var i = 0; i < temp.length; i++ ){
					this.push( temp[i] );
				}

				return this;
			};
			result.shift = function() {
				return this.splice( 0, 1 )[0];
			};
			result.loop = function(){
				var temp = this[0];
				this.splice( 0,1 );
				this.push( temp );

				return temp;
			};
			result.loopUp = function(){
				var temp = this[this.length-1];
				this.splice( -1, 1 );
				this.splice( 0, 0, temp );
				return temp;
			};
			result.indexOf =  function( key, value ){
				if( typeof value !== 'string' ){
					value = arguments[0];
					key = this.__index;
				}
				for ( var index = 0; index < this.length; ++index ) {
					if( this[index][key] === value ){
						return index;
					}
				}
				return -1;
			};
			result.update = function( key, value, update ){
				//set variables using sting for index
				if( typeof value !== 'string' ){
					update = arguments[1];
					value = arguments[0];
					key = this.__index;
				}
				var index = this.indexOf( key, value );
				if(index === -1) {
					return [];
				}
				var object = $.extend( true, {}, this[index], update );
				return this.splice( index, 1, object )[0];
			};
			result.__put = function(){
				this.show(); 
			};
			result.__take = function(){
				this.remove();
			};

			if(!input) {
				return result;
			}
			$.each( input, function( key, value ){
				var type = typeof value;
				if( type === 'object' ){
					result.push( value );
				}else if( type === 'string' ){
					Object.defineProperty( result, "__index", {
						value: value,
						writable: true,
						enumerable: false,
						configurable: true
					} );
				} else if ( type === 'function'){
					Object.defineProperty( result, value.name, {
						value: value,
						writable: true,
						enumerable: false,
						configurable: true
					} );
				}
			} );

			return result;
		}


		var $this = $( element ); 
		var repeatId = $this.attr( 'jq-repeat' );
		var tempId = repeatId + 'Template';
		var templateId = $( '#' + tempId ).html();

		$this.removeAttr( 'jq-repeat' );
		$this.wrap( '<script type="x-tmpl-mustache" id="' + tempId + '" class="jq-repeat-' + repeatId + ' " jq-repeat-index="holder"><\/script>' );
		
		Mustache.parse(templateId);   // optional, speeds up future uses


		$.scope[repeatId] = makeArray($.scope[repeatId]);
		//return {};
	};

	$( document ).ready( function(){
		$( '[jq-repeat]' ).each(function(key, value){
			make(value);
		});

		$(document).on('DOMNodeInserted', function(e) {
			//console.log(e.target.is('[jq-repeat]'));
			if ( $(e.target).is('[jq-repeat]') ){
				make( e.target );
			}else{
				var t = $(e.target).find('[jq-repeat]');
				t.each(function(key, value){
					make(value);
				});
			}
		});
	} );

})(jQuery, Mustache);