/**
* jQuery Maxlength plugin
* @version		$Id: jquery.maxlength.js 18 2009-05-16 15:37:08Z emil@anon-design.se $
* @package		jQuery maxlength 1.0.5
* @copyright	Copyright (C) 2009 Emil Stjerneman / http://www.anon-design.se
* @license		GNU/GPL, see LICENSE.txt
*/

(function($) {

  $.fn.maxlength = function(options) {
    var settings = jQuery.extend(
		{
		  events: [], // Array of events to be triggerd
		  maxCharacters: 10, // Characters limit
		  status: true, // True to show status indicator bewlow the element
		  statusClass: "status", // The class on the status div
		  statusText: "character left", // The status text
		  notificationClass: "notification", // Will be added to the emement when maxlength is reached
		  showAlert: false, // True to show a regular alert message
		  alertText: "You have typed too many characters.", // Text in the alert message
		  slider: false // Use counter slider
		}, options);

    // Add the default event
    $.merge(settings.events, ['keyup']);

    return this.each(function() {
      var item = $(this);
      var charactersLength = $(this).val().length;

      // Update the status text
      function updateStatus() {
        var charactersLeft = settings.maxCharacters - charactersLength;

        if (charactersLeft < 0) {
          charactersLeft = 0;
        }

        item.next("div").html(charactersLeft + " " + settings.statusText);
      }

      function checkChars() {
        var valid = true;

        // Too many chars?
        if (charactersLength >= settings.maxCharacters) {
          // Too may chars, set the valid boolean to false
          valid = false;
          // Add the notifycation class when we have too many chars
          item.addClass(settings.notificationClass);
          // Cut down the string
          item.val(item.val().substr(0, settings.maxCharacters));
          // Show the alert dialog box, if its set to true
          showAlert();
        }
        else {
          // Remove the notification class
          if (item.hasClass(settings.notificationClass)) {
            item.removeClass(settings.notificationClass);
          }
        }

        if (settings.status) {
          updateStatus();
        }
      }

      // Shows an alert msg
      function showAlert() {
        if (settings.showAlert) {
          alert(settings.alertText);
        }
      }

      // Check if the element is valid.
      function validateElement() {
        var ret = false;

        if (item.is('textarea')) {
          ret = true;
        } else if (item.filter("input[type=text]")) {
          ret = true;
        } else if (item.filter("input[type=password]")) {
          ret = true;
        }

        return ret;
      }

      // Validate
      if (!validateElement()) {
        return false;
      }

      // Loop through the events and bind them to the element
      $.each(settings.events, function(i, n) {
        item.bind(n, function(e) {
          charactersLength = item.val().length;
          checkChars();
        });
      });

      // Insert the status div
      if (settings.status) {
        item.after($("<div/>").addClass(settings.statusClass).html('-'));
        updateStatus();
      }

      // Remove the status div
      if (!settings.status) {
        var removeThisDiv = item.next("div." + settings.statusClass);

        if (removeThisDiv) {
          removeThisDiv.remove();
        }

      }

      // Slide counter
      if (settings.slider) {
        item.next().hide();

        item.focus(function() {
          item.next().slideDown('fast');
        });

        item.blur(function() {
          item.next().slideUp('fast');
        });
      }

    });
  };
})(jQuery);