var ComboAutoBox = {
	// constructor
	addTo: function (container, options) {
		// generatea an ID based on current time
		var generateShortId = function(prefix) {
			var now = 0;
			while ($('input[name*="[' + prefix +"-" + now + ']"]').length != 0) {
				now++;
			}

			return prefix + "-" + now;
		};

		// generatea an ID based on current time
		var generateAnId = function(prefix) {
			var now = new Date().getTime();
			while ($("#" + prefix +"-" + now).length != 0) {
				now++;
			}

			return prefix + "-" + now;
		};

    var splitValidEmails = function (inputId, inputValue) {
      if ((options.type != 'multiple') || (!options.email)) {
        return false;
      }

      var emails = inputValue.split(/[\,\s\;]+/);
      for (var i = 0; i < emails.length; i++) {
        if (!emails[i].match(/[^@\s]+@([^@\s]+\.)+[^@\s]+/)) {
          return false;
        }
      }

      $('#' + inputId).autocomplete( "close" );
      if ((options.source_not_found) && (!options.not_found_accepted)) {
        dataNotFound($('#' + inputId).val());
        selectData('', '');
      } else {
        for (var i = 0; i < emails.length; i++) {
          addMultipleItem(inputId, emails[i], emails[i]);
          selectData(emails[i], emails[i]);
        }
      }
      $('#' + inputId).val('');

      return true;
    }

		// binds autocomplete to text field
		var bindAutoComplete = function (inputId) {
			var previuosValue = '';
			$('#' + inputId).keydown(function(e) {
				if ((e.keyCode == 8) && ($('#' + inputId).val() == '')) {
					if (options.type == 'multiple') {
						removeLastMultipleItem();
					} else if (options.type == 'searchable') {
						removeLastSearchableItemForRansack();
					}
				} else if ((e.keyCode == 9) && (inputVal != '') && (options.source_not_found) && (options.type == 'simple')) {
          dataNotFound($('#' + inputId).val());
					$('#' + inputId).autocomplete( "close");
					if (!options.not_found_accepted) {
						$('#' + inputId).val('');
					}
					selectData($('#' + inputId).val(), $('#' + inputId).val());
					return true;
				} else if ((e.keyCode == 9) && (inputVal != '') && (options.source_not_found) && (options.type == 'multiple')) {
          dataNotFound($('#' + inputId).val());
					$('#' + inputId).autocomplete( "close");
					var inputVal = $('#' + inputId).val().replace(/\t$/, '');
					if (options.not_found_accepted) {
						addMultipleItem(inputId, inputVal, inputVal);
					} else {
						inputVal = '';
					}
					selectData(inputVal, inputVal);
					$('#' + inputId).val('');
					return true;
				}

			});

      // CTRL+V or CMD+V
      $('#' + inputId).bind('paste', function() {
        var $this = $(this);
        setTimeout(function(){
          splitValidEmails(inputId, $this.val());
        }, 20); //just break the callstack to let the event finish

      });

			$('#' + inputId).keypress(function(e) {
        // 44 is ","  -  32 is SPACE  -  59 is ";"
				if (((e.which === 32) || (e.which === 44) || (e.which === 59)) && (options.type == 'multiple') && (options.email) && ($('#' + inputId).val().match(/[^@\s]+@([^@\s]+\.)+[^@\s]+/))) {
					$('#' + inputId).autocomplete( "close" );
					if ((options.source_not_found) && (!options.not_found_accepted)) {
            dataNotFound($('#' + inputId).val());
						$('#' + inputId).val('');
					} else {
						addMultipleItem(inputId, $('#' + inputId).val(), $('#' + inputId).val());
					}
					selectData($('#' + inputId).val(), $('#' + inputId).val());

          setTimeout(function(){
            $('#' + inputId).val('');
          }, 20);

  			} else if ((e.which === 13) && ($('#' + inputId).val() != '')) {
					if (options.type == 'full') {
						$('#' + inputId).autocomplete( "close" );
						selectData($('#' + inputId).val(), $('#' + inputId).val());
					} else if ((options.source_not_found) && (options.type == 'simple')) {
            dataNotFound($('#' + inputId).val());
						$('#' + inputId).autocomplete( "close");
						if (!options.not_found_accepted) {
							$('#' + inputId).val('');
						}
						selectData($('#' + inputId).val(), $('#' + inputId).val());
					} else if (options.type == 'multiple') {
						$('#' + inputId).autocomplete( "close" );
						if ((options.source_not_found) && (!options.not_found_accepted)) {
              dataNotFound($('#' + inputId).val());
							$('#' + inputId).val('');
						} else {
							addMultipleItem(inputId, $('#' + inputId).val(), $('#' + inputId).val());
						}
						selectData($('#' + inputId).val(), $('#' + inputId).val());
						$('#' + inputId).val('');
					} else if (options.type == 'searchable') {
						try {
							$('#' + inputId).autocomplete('close');
							var item = sourceForSearchable(inputId)[0];
							addSearchableItemForRansack(inputId, item.id, item.label);
							selectData(item.id, item.label);
							$('#' + inputId).val('');
						} catch (error) {

						}
					}

					return false;
				} else if ((e.which === 13) && ($('#' + inputId).val() == '')) {
					return false;
				}
			});

			$('#' + inputId).autocomplete({
        source: setAutoCompleteSource(inputId),
        select: function(event, ui) {
				  if ((options.source_not_found) && (options.type == 'simple')) {
            dataNotFound($('#' + inputId).val());
						if (!options.not_found_accepted) {
							$('#' + inputId).val('');
						}
            selectData($('#' + inputId).val(), $('#' + inputId).val());
						return false;
          } 
            
          if ((options.source_not_found) && (options.type == 'multiple')) {
            var inputVal = $('#' + inputId).val();

            dataNotFound(inputVal);

            $('#' + inputId).val('');
					  if (options.not_found_accepted) {
						  addMultipleItem(inputId, inputVal, inputVal);
						} else {
							inputVal = '';
						}
              
					  selectData(inputVal, inputVal);
					  return false;
          } else if (options.type == 'simple') {
            return selectData(ui.item.id, ui.item.label);
          } else if (options.type == 'full') {
            return selectData($('#' + inputId).val(), $('#' + inputId).val());
          } else if (options.type == 'multiple') {
            $('#' + inputId).val('');
            addMultipleItem(inputId, ui.item.id, ui.item.label);
            selectData(ui.item.id, ui.item.label);
            return false;
          } else if (options.type == 'searchable') {
            $('#' + inputId).val('');
            addSearchableItemForRansack(inputId, ui.item.id, ui.item.label);
            selectData(ui.item.id, ui.item.label);
            return false;
          }
				},
				search: function(event, ui) {
					if (options.type == 'searchable') {
						$('#' + inputId).autocomplete("option", { source: setAutoCompleteSource(inputId) });
					}
				},
				change: function (event, ui) {
					if ((!ui.item) && (!options.source_not_found)) {
						$(this).val('');
						selectData('', '');
					}
				},
				focus: function (event, ui) {
					event.preventDefault();
				},
			});
		};

		// set autocomplete source
		var setAutoCompleteSource = function (inputId) {
			if (options.type == 'searchable') {
				return sourceForSearchable(inputId);
			} else {
				return function(request, response) {
					if (typeof options.source == 'string') {
						var term = 'term=' + $('#' + inputId).val();
						var params = (options.data == null) ? term : options.data + '&' + term;
						$.getJSON(options.source + '?' + params, function(data) {
							if ((data.length == 0) && ((options.type == 'simple') || (options.type == 'multiple'))) {
								return response(sourceForNotFound(inputId));
							} else {
								options.source_not_found = false;
								response($.map(data, function (item) {
									return item;
								}));
							}
						});
					} else {
						var selectedSource = new Array();
						$.each(options.source, function( index, value ){
							var pattern = new RegExp($('#' + inputId).val(), 'i');
							if (value.label.match(pattern)) {
								selectedSource.push(value);
							}
						});

						if ((selectedSource.length == 0) && ((options.type == 'simple') || (options.type == 'multiple'))) {
							return response(sourceForNotFound(inputId));
						} else {
							options.source_not_found = false;
							return response(selectedSource);
						}


					}
				}
			}
		};

		// source items for not found item
		var sourceForNotFound = function (inputId) {
			options.source_not_found = true;
			return [ { id: $('#' + inputId).val(), label: '"' + $('#' + inputId).val() + '" ' + options.not_found_message } ];
		}

		// source items for searchable
		var sourceForSearchable = function (inputId) {
			var new_source = new Array();
			var operators = i18nMath(options.lang);
			$.each(options.source, function(i){
				validIndexes = validSource(options.source[i]);
				$.each(operators, function(j){
					if (validIndexes.indexOf(j) >= 0) {
						new_source.push( { id: options.source[i]['id'] + '_' + operators[j]['id'], label: options.source[i]['label'] + ' ' + operators[j]['label'] + ' ' + $('#' + inputId).val()} );
					}
				});
			});
			return new_source;
		}

		// get i18n math comparisons
		var i18nMath = function (language) {
			var operators = new Array();
			switch(language.toLowerCase()) {
				case 'en':
					operators = [ { id: 'cont', label: 'contains' }, { id: 'eq', label: 'equal' }, { id: 'gteq', label: 'greater or equal' }, { id: 'lteq', label: 'less or equal' } ];
				break;
				case 'pt-br':
					operators = [ { id: 'cont', label: 'contém' }, { id: 'eq', label: 'igual' }, { id: 'gteq', label: 'maior ou igual' }, { id: 'lteq', label: 'menor ou igual' } ];
				break;
				case 'pt':
					operators = [ { id: 'cont', label: 'contém' }, { id: 'eq', label: 'igual' }, { id: 'gteq', label: 'maior ou igual' }, { id: 'lteq', label: 'menor ou igual' } ];
				break;
				case 'fr':
				    operators = [ { id: 'cont', label: 'contient' }, { id: 'eq', label: 'égal' }, { id: 'gteq', label: 'supérieur ou égal' }, { id: 'lteq', label: 'inférieur ou égal' } ];
				break;
				case 'es':
					operators = [ { id: 'cont', label: 'contiene' }, { id: 'eq', label: 'igual' }, { id: 'gteq', label: 'mayor o igual' }, { id: 'lteq', label: 'menos o igual' } ];
				break;
				case 'it':
					operators = [ { id: 'cont', label: 'contiene' }, { id: 'eq', label: 'uguale' }, { id: 'gteq', label: 'maggiore o uguale' }, { id: 'lteq', label: 'minore o uguale' } ];
				break;
				default:
					operators = [ { id: 'cont', label: '~=' }, { id: 'eq', label: '=' }, { id: 'gteq', label: '>=' }, { id: 'lteq', label: '<=' } ];
			}
			return operators;
		};

		var i18nShowSearchOptions = function (language) {
			var title = 'Show search options';
			switch(language.toLowerCase()) {
				case 'pt-br':
					title = 'Exibir opções de busca';
				break;
				case 'pt':
					title = 'Exibir opções de busca';
				break;
				case 'fr':
				    title = 'Afficher les options de recherche';
				break;
				case 'es':
					title = 'Mostrar opciones de búsqueda';
				break;
				case 'it':
					title = 'Visualizza opzioni di ricerca';
				break;
			}
			return title;
		};

		var i18nSourceNotFound = function (language) {
			var title = 'not found';
			switch(language.toLowerCase()) {
				case 'pt-br':
					title = 'não encontrado';
				break;
				case 'pt':
					title = 'não encontrado';
				break;
				case 'fr':
				    title = 'pas trouvé';
				break;
				case 'es':
					title = 'no encontrado';
				break;
				case 'it':
					title = 'non trovato';
				break;
			}
			return title;
		};

		var i18nSelectAll = function (language) {
			var title = 'Select All';
			switch(language.toLowerCase()) {
				case 'pt-br':
					title = 'Selecionar Tudo';
				break;
				case 'pt':
					title = 'Selecionar Tudo';
				break;
				case 'fr':
				    title = 'Sélectionner Tout';
				break;
				case 'es':
					title = 'Seleccionar Todo';
				break;
				case 'it':
					title = 'Seleziona Tutto';
				break;
			}
			return title;
		};

		// generates text field with html options
		var generateInputTag = function () {
			var html = 'input type="text"';
			if (options.html != null) {
				$.each(options.html, function(key, value) {
					if ((key == 'name') && ((options.type == 'multiple') || (options.type == 'searchable'))) {
						return true;
					}
		    		html = html + ' '+ key +'="' + value + '"';
				});
			}

			if ((options.html == null) || (options.html.id == null)) {
			    html = html + ' id="' + generateAnId('combo-auto-box') + '"';
			}

			if ((options.bootstrap) && (options.type == "simple")) {
				html = html + ' class="form-control" '
			}

		    return '<' + html + '>';
		};

		// On click opens modal image tag inside "i" tag through css
		var generateExpander = function () {
			if (options.type == 'simple') {
				if (options.bootstrap) {
		        	return '<span class="input-group-btn" title="' + i18nShowSearchOptions(options.lang) + '"><button class="btn btn-default" type="button"><i class="fa fa-bars"></i></button></span>';
				} else {
		        	return '<span class="simple" title="' + i18nShowSearchOptions(options.lang) + '"><i></i></span>';
				}
			} else if (options.type == 'multiple') {
        if (options.style == "mail") {
	        return '<span class="multiple">' + options.label + '</span>';
        } else {
	        return '<span class="multiple-icon"><button class="btn btn-default" type="button"><i class="fa fa-bars"></i></button></span>';
        }
			}
		};

		var adjustExpanderImage = function() {
			if ((options.bootstrap) && (options.type == "simple")) {
				return true;
			}

			if (options.type == 'simple') {
				spanTag = $('#' + container + ' > div.container-combo-auto-box > span.simple');

				inputWidth = getTextFieldWidth(textField);
				inputHeight = getTextFieldHeight(textField);

				inputBorderTop = getTextFieldBorder(textField, 'top');
				inputBorderBottom = getTextFieldBorder(textField, 'bottom');

				if (inputHeight % 2 != 0) {
					inputBorderTop = inputBorderTop + 2;
				}

				iWidth = 20;
				if (inputWidth < 20) {
					iWidth = 10;
				}

				spanTag.css('margin-top', inputBorderTop.toString() + 'px');
				spanTag.css('margin-left', (inputWidth - iWidth + 4).toString() + 'px');

				spanTag.children(':first').css('width', iWidth.toString() + 'px');
				spanTag.children(':first').css('height', inputHeight.toString() + 'px');

				return true;
			} else if (options.type == 'multiple') {
				inputTop = 0;
				try {
				  spanHeight = $('#' + container + ' > div.container-combo-auto-box > span.multiple').height();
				  if (spanHeight == 0) {
					  spanHeight = 20;
				  }
				  inputTop = (getTextFieldHeight(textField) / 2) - ((getTextFieldBorder(textField, 'top') + spanHeight) / 2) - 2;
				  $('#' + container + ' > div.container-combo-auto-box > span.multiple').css('margin-top', (inputTop).toString() + 'px');
				} catch (error) {
				}
			} else {
				return false;
			}
		}

		var getTextFieldWidth = function (textField) {
			var widthTotal = 0;

			if (textField.width() != null) {
				widthTotal = widthTotal + textField.width();
			}

			if (textField.css('padding-right') != null) {
				padding_right = textField.css('padding-right').toString().replace(/[a-zA-Z]+/g, '');
				widthTotal = widthTotal + parseInt(padding_right);
			}

			return widthTotal;
		}

		var getTextFieldBorder = function (textField, side) {
			var heightTotal = 0;

			try {
				var matched = textField.css('border-' + side).match(/([\d\.]+)(px)/);
				heightTotal = heightTotal + parseFloat(matched[1]);
			} catch (error) {
			}

			return heightTotal;
		}

		var getTextFieldHeight = function (textField) {
			var heightTotal = 0;

			try {
				if (textField.height() != null) {
					heightTotal = heightTotal + textField.height();
				}
			} catch (error) {}

			try {
				if (textField.css('padding-top') != null) {
					padding_top = textField.css('padding-top').toString().replace(/[a-zA-Z]+/g, '');
					heightTotal = heightTotal + parseInt(padding_top);
				}
			} catch (error) {}

			try {
				if (textField.css('padding-bottom') != null) {
					padding_bottom = textField.css('padding-bottom').toString().replace(/[a-zA-Z]+/g, '');
					heightTotal = heightTotal + parseInt(padding_bottom);
				}
			} catch (error) {}

			return heightTotal;
		}

		// Global div for combo auto box
		var generateDivTag = function () {
			var klass = 'container-combo-auto-box'
			if (options.type == 'multiple') {
				if (options.bootstrap) {
					klass = klass + '-bootstrap';
				}
				klass =  klass + ' multiple';
			} else if (options.type == 'searchable') {
				klass =  klass + ' searchable'
			} else if ((options.type == 'simple') && (options.bootstrap)) {
				klass = klass + '-bootstrap input-group'
			}

		    return '<div class="' + klass + '">' + generateInputTag() + '</div>';
		};

    var disableSelectionIfAlreadySelected = function() {
      if (options.bootstrap) {
        disableSelectionIfAlreadySelectedBootstrap();
      } else {
        disableSelectionIfAlreadySelectedSimple();
      }
    }

    var disableSelectionIfAlreadySelectedBootstrap = function() {
      var selecteds = $("div#" + container + " > div.container-combo-auto-box-bootstrap > div.item > input[type='hidden']").map(function(k, v) { return $(this).val() });

      $("div#" + container + " > div.modal > div.modal-dialog > div.modal-content > div.modal-body > div.list-group > a").each(function(index) {
        var item = $(this).children('span.combo-auto-box-item-id').text();
        $(this).removeClass('selected');
        if ($.inArray(item, selecteds) >= 0) { // IF exists in array
          $(this).addClass('selected');
        } else {
        }
      });
    }

    var disableSelectionIfAlreadySelectedSimple = function() {
      var selecteds = $("div#" + container + " > div.container-combo-auto-box > div.item > input[type='hidden']").map(function(k, v) { return $(this).val() });

      $('#' + options.modalId + ' > div.list > ul > li').each(function(index) {
        var item = $(this).children('span.combo-auto-box-item-id').text();
        $(this).removeClass('selected');
        if ($.inArray(item, selecteds) >= 0) { // IF exists in array
          $(this).addClass('selected');
        } else {
        }
      });
    }

		// dialog modal
		var generateDivDialogModal = function (modalDialogId) {
		     $('<div id="'+ modalDialogId +'" class="dialog-modal">' +
      '<div class="head">' +
      '<span class="label">' + options.label + '</span>' +
      '<span class="close" title="Close">X</span>' +
      '</div>' +
      '<div class="list">' +
      '<ul></ul>' +
      '</div>' +
      '<div class="footer">' +
      '<a href="javascript:void(0)" class="selectAll">' + i18nSelectAll(options.lang) + '</a>' +
      '</div>' +
      '</div>').appendTo('#' + container);

			$('#' + modalDialogId + ' > div.head > span.close').click(function() {
				$('#' + modalDialogId).dialog('close');
			});

			$('#' + modalDialogId).dialog({
				width: 500,
				height: 412,
				modal: true,
				closeOnEscape: true,
				autoOpen: false,
        margin: 0,
        padding: 0,
			});

			getListForModalDialog(modalDialogId);

			$("#" + modalDialogId).siblings('div.ui-dialog-titlebar').remove();

			$('#' + container + ' > div.container-combo-auto-box > span.' + options.type).click(function() {
        disableSelectionIfAlreadySelected();

				openModalDialog(modalDialogId)
			});

      $('a.selectAll').click(function() {
        selectAllData(container, modalDialogId);
      });
		};

		// dialog modal
		var generateBootstrapDialogModal = function (modalDialogId) {
			var targetObject = ('#' + container + ' > div.container-combo-auto-box-bootstrap > span');

			if (options.type == "simple") {
				targetObject = targetObject + ' > button';
			}

			modal = '<div class="modal fade" id="' + modalDialogId + '" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">' +
			  '<div class="modal-dialog">' +
			    '<div class="modal-content">' +
			      '<div class="modal-header">' +
			        '<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>' +
			        '<h4 class="modal-title">' + options.label + '</h4>' +
			      '</div>' +
			      '<div class="modal-body">' +
					    '<div class="list-group" style="overflow:auto;height:440px"></div>' +
			      '</div>' +
            ((options.type == 'multiple') ? '<div class="modal-footer"><button type="button" class="selectAll btn btn-primary">' + i18nSelectAll(options.lang) + '</button></div>' : '') +
			    '</div>' +
			  '</div>' +
			'</div>';

      if (options.appendModalTo != null) {
  		  $(modal).appendTo(options.appendModalTo);
      } else {
  		  $(modal).appendTo('#' + container);
      }

			getListForModalDialog(modalDialogId);

			$(targetObject).click(function() {
        disableSelectionIfAlreadySelected();

  			$('#' + modalDialogId).modal('show');

        // fix to allways show back-shadow
        var zIndex = $('.modal-backdrop').css('z-index').toString();
        if ((zIndex != '0') && (zIndex != 'auto')) {
          $('.modal-backdrop').css('z-index', parseInt($('#' + modalDialogId).css("z-index")) - 1);
        }
        // alert($('.modal-backdrop').css('z-index'));
        // alert($('.modal').css('z-index'));
			});

      $('div#' + modalDialogId + ' > div.modal-dialog > div.modal-content > div.modal-footer > button.selectAll').click(function() {
        selectAllData(container, modalDialogId);
      });

      $('#' + modalDialogId).on('hide.bs.modal', function (e) {
        if (options.onHideModal != null) {
          options.onHideModal();
        }
      });

      $('#' + modalDialogId).on('show.bs.modal', function (e) {
        if (options.onShowModal != null) {
          options.onShowModal();
        }
      });
		};

		// Selects an item form modal dialog when clicked on
		var selectValueFromModalDialog = function (value) {
			$('#' + container + ' > div.container-combo-auto-box > input').val(value);
			selectData(value);
		};

		// generates list for modal dialog
		var getListForModalDialog = function (modalDialogId) {
			if (typeof options.source == 'string') {
				var term = 'term=';
				var params = (options.data == null) ? term : options.data + '&' + term;

				$.getJSON(options.source + '?' + params, function(data) {
					setListForModalDialog(modalDialogId, data);
				});
			} else {
				setListForModalDialog(modalDialogId, options.source);
			}
		};

		// set list for modal dialog
		var setListForModalDialog = function (modalDialogId, data) {
			if (options.bootstrap) {
				setListForBootstrapModalDialog(modalDialogId, data);
			} else {
				setListForSimpleModalDialog(modalDialogId, data);
			}
		};

		var setListForSimpleModalDialog = function (modalDialogId, data) {
			var items = [];

			$.each(data, function(index){
				items.push('<li><span class="combo-auto-box-item-id">' + htmlSafe(data[index].id) +'</span><span class="combo-auto-box-item-label">'+ htmlSafe(data[index].label) + '</span></li>');
			});

			$('#' + modalDialogId + ' > div.list').css('height', ($('#' + modalDialogId).dialog("option", "height") - 90) + 'px');
			$('#' + modalDialogId + ' > div.list > ul').html(items.join(''));
			$('#' + modalDialogId + ' > div.list > ul > li').click(function() {
        if ($(this).hasClass('selected')) {
          return false;
        }

				var thisId = $(this).children('span.combo-auto-box-item-id').text();
				var thisLabel = $(this).children('span.combo-auto-box-item-label').text();

				$('#' + modalDialogId).dialog('close');

				if (options.type == 'simple') {
					$('#' + container + ' > div.container-combo-auto-box > input').val(thisLabel);
					selectData(thisId, thisLabel);
				} else if (options.type == 'multiple') {
					$('#' + container + ' > div.container-combo-auto-box > input').val('');
					addMultipleItem($('#' + container + ' > div.container-combo-auto-box > input').attr('id'), thisId, thisLabel);
					$('#' + container + ' > div.container-combo-auto-box > input[type="text"]').focus();
					selectData(thisId, thisLabel);
				}
			});
		};

		var setListForBootstrapModalDialog = function (modalDialogId, data) {
			var items = [];

			$.each(data, function(index){
  			items.push('<a href="javascript:void(0);" class="list-group-item"><span class="combo-auto-box-item-id" style="display:none;">' + htmlSafe(data[index].id) +'</span><span class="combo-auto-box-item-label">'+ htmlSafe(data[index].label) + '</span></a>');
			});

			$('#' + modalDialogId + ' > div.modal-dialog > div.modal-content > div.modal-body > div.list-group').html(items.join(''));
			$('#' + modalDialogId + ' > div.modal-dialog > div.modal-content > div.modal-body > div.list-group > a').click(function() {
        if ($(this).hasClass('selected')) {
          return false;
        }

				var thisId = $(this).children('span.combo-auto-box-item-id').text();
				var thisLabel = $(this).children('span.combo-auto-box-item-label').text();

				if (options.type == 'simple') {
					$('#' + container + ' > div.container-combo-auto-box-bootstrap > input').val(thisLabel);
					selectData(thisId, thisLabel);
				} else if (options.type == 'multiple') {
					$('#' + container + ' > div.container-combo-auto-box-bootstrap > input').val('');
					addMultipleItem($('#' + container + ' > div.container-combo-auto-box-bootstrap > input').attr('id'), thisId, thisLabel);
					$('#' + container + ' > div.container-combo-auto-box-bootstrap > input[type="text"]').focus();
					selectData(thisId, thisLabel);
				}

				$('#' + modalDialogId).modal('hide');

			});
		};

		// opens modal dialog
		var openModalDialog = function (modalDialogId) {
			$('#' + modalDialogId).dialog("open");
		};

		// starting generate modial dialog
		var generateModalDialog = function (textField) {
      options['modalId'] = generateAnId('model-dialog')
			if (options.bootstrap) {
				if (options.type == 'simple') {
					$(generateExpander()).appendTo('#' + container + ' > div.container-combo-auto-box-bootstrap');
				} else {
					$(generateExpander()).prependTo('#' + container + ' > div.container-combo-auto-box-bootstrap');
				}
				generateBootstrapDialogModal(options['modalId']);
			} else {
				$(generateExpander()).prependTo('#' + container + ' > div.container-combo-auto-box');
				adjustExpanderImage();
				generateDivDialogModal(options['modalId']);
			}

		};

		// add multiple item
		var addMultipleItem = function (inputId, selectedId, selectedData) {
      var targetId = (options.html.name + selectedId).replace(/[^A-Za-z0-9]/g, '_');
			if ((selectedData != '') && ($('#' + targetId).length == 0)) {
				var id = generateAnId('item');
				$('#' + inputId).before('<div class="item" id="' + id + '">'+ htmlSafe(selectedData) +'<span class="remove_item" title="Remove Item">x</span><input type="hidden" name="'+ options.html.name +'[]" value="'+ htmlSafe(selectedId.toString()) +'" id=' + targetId + '></div>');

				$('#' + id + ' > span').click(function() {
					$(this).parent().remove();
					unselectData(selectedId, selectedData);
				});
			}
		};

		// remove multiple item
		var removeLastMultipleItem = function () {
			if ($('#' + container + ' > div.multiple > div.item').length > 0) {
				var value = $('#' + container + ' > div.multiple > div.item:last > input').val();
				var label = $('#' + container + ' > div.multiple > div.item:last').text();
				$('#' + container + ' > div.multiple > div.item:last').remove();
				unselectData(value, label);
			}
		};
    
    var fixItemSize = function (id) {
      text = $('div#' + id + " i").text();

      while($('div#' + id + " i").width() > ($('div#' + id).parent().width() - 50)) {
        text = text.substring(0, text.length - 5) + '...';
				$('div#' + id + " i").text(htmlSafe(text));
      }      
    }
    
    var fixItemSizeOnResize = function () {
      try {
        $('#searchable-clients > div.searchable > div.item').each(function(index) {
          fixItemSize($(this).attr('id'));
        });
      } catch (error) {
        
      }
    }

		// add searchable item for ransack
		var addSearchableItemForRansack = function (inputId, selectedId, selectedData) {
      var auxText = '';
			if (selectedData != '') {
				var ransackId = generateShortId('r');
				predicate = getSearchablePredicate(selectedId);
				if (getSearchableValue(selectedData) == null) {
					selectedData = predicate['full'] + ' ' + selectedData;
				}
				fieldAttribute = '<input type="hidden" name="q[g]['+ predicate['attribute'] +'][c]['+ ransackId +'][a][0][name]"  value="'+ predicate['attribute'] +'">';
				fieldCondition = '<input type="hidden" name="q[g]['+ predicate['attribute'] +'][c]['+ ransackId +'][p]"           value="'+ predicate['condition'] +'">';
				fieldValue =     '<input type="hidden" name="q[g]['+ predicate['attribute'] +'][c]['+ ransackId +'][v][0][value]" value="'+ htmlSafe(getSearchableValue(selectedData)) +'">';
				var id = generateAnId('item');
				$('#' + inputId).before('<div class="item" id="' + id + '"><i>'+ htmlSafe(selectedData) +'</i><span class="remove_item" title="Remove Item">x</span>'+ fieldAttribute + fieldCondition + fieldValue +'</div>');

        fixItemSize(id);

				$('#' + id + ' > span').click(function() {
					$(this).parent().remove();
					unselectData(selectedId, selectedData);
				});
			}
		};

		var removeLastSearchableItemForRansack = function() {
			if ($('#' + container + ' > div.searchable > div.item').length > 0) {
				var label = $('#' + container + ' > div.searchable > div.item:last > input[name*="value"]').val();
				var attribute = $('#' + container + ' > div.searchable > div.item:last > input[name*="name"]').val();
				var condition = $('#' + container + ' > div.searchable > div.item:last > input[name*="p"]').val();
				$('#' + container + ' > div.searchable > div.item:last').remove();
				unselectData(attribute + "_" + condition, label);
			}
		}

		// add searchable item
		var addSearchableItem = function (inputId, selectedId, selectedData) {
			if (selectedData != '') {
				var id = generateAnId('item');
				$('#' + inputId).before('<div class="item" id="' + id + '">'+ htmlSafe(selectedData) +'<span title="Remove Item">x</span><input type="hidden" name="'+ options.html.name +'['+ htmlSafe(selectedId.toString()) +'][]" value="'+ htmlSafe(getSearchableValue(selectedData)) +'"></div>');

				$('#' + id + ' > span').click(function() {
					$(this).parent().remove();
					unselectData(selectedId, selectedData);
				});

			}
		};

		// return json with attribute and condition
		var getSearchablePredicate = function (selectedId) {
			var fields = $.map(options.source, function(val, i) { return val['id']}).join('|');
			var maths = $.map(i18nMath(options.lang), function(val, i) { return val['id']}).join('|');
			var pattern = new RegExp('(' + fields + ')_(' + maths + ')');
			var matched = selectedId.match(pattern);
			var full = getSearchableLabelForAttributeId(matched[1]) + ' ' + getSearchableLabelForConditionId(matched[2]);
			return { attribute: matched[1], condition: matched[2], full: full };
		}

		// get only the value from selected Data
		var getSearchableValue = function (selectedData) {
			var fields = $.map(options.source, function(val, i) { return val['label']}).join('|');
			var maths = $.map(i18nMath(options.lang), function(val, i) { return val['label']}).join('|');
			var pattern = new RegExp('(' + fields + ') (' + maths + ') (.*)');
			try {
				return selectedData.match(pattern)[3];
			} catch (error) {
				return null;
			}
		}

		var getSearchableLabelForAttributeId = function (attibuteId) {
			for(var i=0; i<options.source.length;i++) {
				if (options.source[i]['id'] == attibuteId) {
					return options.source[i]['label'];
				}
			}
		}

		var getSearchableLabelForConditionId = function (conditionId) {
			var conditions = i18nMath(options.lang);
			for(var i=0; i<conditions.length;i++) {
				if (conditions[i]['id'] == conditionId) {
					return conditions[i]['label'];
				}
			}
		}

		var htmlSafe = function(html) {
      html = html.toString();
			html = html.replace(/\&/g, '&amp;');
			html = html.replace(/\</g, '&lt;');
			html = html.replace(/\>/g, '&gt;');
			html = html.replace(/\"/g, '&quot;');
			html = html.replace(/\'/g, '&#x27;');
			html = html.replace(/\//g, '&#x2F;');

			return html;
		}

		//  Bind click on div for multiple or searchble
		var bindContainerClick = function(inputId) {
			$('#' + container + ' > div.multiple').click(function() {
				$('#' + inputId).focus();
			});

			$('#' + container + ' > div.searchable').click(function() {
				$('#' + inputId).focus();
			});
		};

		var normalizeStyles = function(inputId) {
			$('#' + container).css('background-color', $('#' + inputId).css('background-color'));
			$('#' + inputId).css('border', '0px');
		}

		// on select data
		var selectData = function (selectedId, selectedLabel) {
			if (options.complete != null) {
				options.complete(selectedId);
			} else if (options.select != null) {
				options.select(selectedId, selectedLabel);
			}

		};

		// on unselect data
		var unselectData = function (selectedId, selectedLabel) {
			if (options.unselect != null) {
				options.unselect(selectedId, selectedLabel);
			}
		};

		// on data not found
		var dataNotFound = function (selectedLabel) {
			if (options.notFound != null) {
				options.notFound(selectedLabel);
			}
		};

		// valid language or set 'en' as default
		var validLanguage = function () {
			var langs = ['math', 'en', 'pt-br', 'pt', 'es', 'fr', 'it'];
			for(var i=0; i<langs.length;i++) {
        try {
				  if (options.lang.toLowerCase() == langs[i]) {
					  return true;
				  }
        } catch (error) {

        }
			}

			options.lang = 'en';
			return true;
		};

		// valid language or set 'en' as default
		var validType = function () {
			var types = ['simple', 'full', 'multiple', 'searchable'];
			for(var i=0; i<types.length;i++) {
				if (options.type == types[i]) {
					return true;
				}
			}

			options.type = 'simple';
			return true;
		};

		// valid sources for only and except
		var validSource = function (source) {
			operators = i18nMath('math');
			validIndexes = new Array();

			if (((source['only'] != null) && (source['except'] != null)) || ((source['only'] == null) && (source['except'] == null))) {
				for(var i=0; i<operators.length;i++) {
					validIndexes.push(i);
				}
			} else if (source['only'] != null) {
				for(var i=0; i<operators.length;i++) {
					if ((source['only'].indexOf(operators[i]['id']) + source['only'].indexOf(operators[i]['label'])) >= -1) {
						validIndexes.push(i);
					}
				}
			} else if (source['except'] != null) {
				for(var i=0; i<operators.length;i++) {
					if ((source['except'].indexOf(operators[i]['id']) + source['except'].indexOf(operators[i]['label'])) == -2) {
						validIndexes.push(i);
					}
				}
			}

			return validIndexes;
		}

		var handleMultipleInitials = function() {
			if (options.initials != null) {
				$.each(options.initials, function(index) {
					addMultipleItem(textField.attr('id'), options.initials[index]['id'], options.initials[index]['label']);
				});
			}
		}

		var handleSearchbleInitials = function() {
			if (options.initials != null) {
				$.each(options.initials, function(index) {
					addSearchableItemForRansack(textField.attr('id'), options.initials[index]['id'], options.initials[index]['label']);
				});
			}
		}

		var getSourceNotFound = function(value) {
			var pattern = new RegExp('^"(' + value + ')"', 'i');
			var matched = value.match(pattern);
			return matched[1];
		}

    var selectAllData = function(container, modalDialogId) {
      var inputId = $('#' + container + ' > div.container-combo-auto-box > input').attr('id');
      if (options.bootstrap) {
        inputId = $('#' + container + ' > div.container-combo-auto-box-bootstrap > input').attr('id');
        $('#' + modalDialogId).modal('hide');
      } else {
        $('#' + modalDialogId).dialog('close');
      }

			$.each(options.source, function( index, value ){
        selectData(value.id, value.label);
        addMultipleItem(inputId, value.id, value.label);
			});
    }

		validLanguage();

		// main
		if (options == null) {
			options = {};
		}

		options.source_not_found = false;

		if (options.not_found_message == null) {
			options.not_found_message = i18nSourceNotFound(options.lang);
		}

		if (options.not_found_accepted == null) {
			options.not_found_accepted = false;
		}

		if (options.bootstrap == null) {
			options.bootstrap = false;
		}

		if (options.style == null) {
			options.style = "mail";
		}

		if (options.email == null) {
			options.email = false
		}

		validType();

		$('#' + container).html(generateDivTag());

		if (options.bootstrap) {
			textField = $('#' + container + ' > div.container-combo-auto-box-bootstrap > input');
		} else {
			textField = $('#' + container + ' > div.container-combo-auto-box > input');
		}
		bindAutoComplete(textField.attr('id'));

		if (options.type == 'simple') {
			generateModalDialog(textField);
		}

		if (options.type == 'multiple') {
			generateModalDialog(textField);
			bindContainerClick(textField.attr('id'));
			normalizeStyles(textField.attr('id'));
			handleMultipleInitials();
		}

		if (options.type == 'searchable') {
			bindContainerClick(textField.attr('id'));
			normalizeStyles(textField.attr('id'));
			handleSearchbleInitials();
		}
    
    $( window ).resize(function() {
      fixItemSizeOnResize();
    });
    

	}
}