/*
* Select (Dropdown) Menu Replacement
*
* Copyright (c) 2010
* Jozef Selesi & Ivan Tatic (ivan@simplified.me)
* Dual licensed under the MIT and GPL licenses.
* Uses the same license as jQuery, see:
* http://jquery.org/license
*
* @version 0.3b
*/
;
(function($) {
  var options = { };

  var methods = {
    init: function(elem, i) {
      elem.data({
        'drpdwnInit': true
      })
      .attr('style', ' -moz-opacity:0; filter:alpha(opacity=0); opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);')
      .css({
        display: 'block',
        opacity: 0,
        position: 'absoulte',
        cursor: 'pointer',
        'float': 'left',
        left: 0,
        top: 0,
        bottom: 0,
        right: 0,
        height: '100%',
        width: '100%',
        margin: 0,
        padding: 0,
        backgroundColor: 'transparent',
        zIndex: '5'
      })
      .wrap('<div id="dropdownized-'+i+'" class="ui-dropdownized '+ $.trim(elem.attr('class') || 'ui-dropdownized-normal') +'" />')
      .removeClass()
      .before('<div>Dropdownized initialized</div>')
      .parent().css({
        cursor: 'pointer',
        position: 'relative',
        zIndex: 9999
      });
      elem.siblings('div').css({
        position: 'absolute',
        cursor: 'pointer',
        top: 0,
        left: 0,
        bottom: 0,
        right: 0,
        display: 'block',
        zIndex: '-1',
        lineHeight: elem.parent().height()+'px'
      });
    },
    update: function(elem) {
      return elem.siblings("div").html(methods.gettext(elem));
    },
    setvalue: function(elem, val) {
      return elem.siblings("div").html(val);
    },
    gettext: function(elem) {
      return elem.find(":selected").text();
    },
    getvalue: function(elem) {
      return elem.find(":selected").val();
    }
  };

  $.fn.dropdownized = function(options) {
    var opts = $.extend({}, $.fn.dropdownized.defaults, options);

    return this.each(function(i) {
      var elem = $(this);
      
      elem.addClass('do-not-dropdownize');
      
      if (opts.change === undefined || opts.change === null) opts.change = function(){};

      // Check if element is select
      if(this.tagName === "SELECT") {
        if( elem.data('drpdwnInit') != true ) {

          // Initialize script [build HTML elements]
          methods.init(elem, i);

          if ($.trim(opts.placeholder) === "") {
            opts.placeholder = $.trim(elem.data("placeholder"));
            if (opts.placeholder === "undefined" || opts.placeholder === "null") {
              opts.placeholder = "";
            }
          }
          opts.placeholder = '<span class="watermarkClass">' + opts.placeholder + "</span>";

          // Set default values or placeholder
          ( (jQuery.trim(methods.getvalue(elem)) != "") && (jQuery.trim(methods.gettext(elem)).length > 0) ) ? methods.update(elem) : methods.setvalue(elem, opts.placeholder);

          // Gets value of selected option
          elem.bind('change keyup', function() {
            if ( methods.gettext(elem) == "" ||  methods.gettext(elem) == null )
              methods['setvalue'].apply(elem, [elem, opts.placeholder, opts.change($(this))]);
            else
              methods['update'].apply(elem, [elem, opts.change($(this))]);
          });

          // Hover class
          elem.parent()
          .hover(
            function() {
              $(this).addClass(opts.hover);
            },
            function() {
              $(this).removeClass(opts.hover);
            }
            )
          .focusin( function() {
            $(this).addClass(opts.hover);
          })
          .focusout( function() {
            $(this).removeClass(opts.hover);
          });
        } else {
      }
      } else {
    }
    });
  };

  // Default options
  $.fn.dropdownized.defaults = {
    fixed: true,              // Sets script to be fluid or fixed
    hover: 'hover',           // Name of the hover class
    active: 'active',         // Name of the active class
    change: null,             // Callback on change event
    placeholder: ' '          // Default placeholder text
  };
})(jQuery);

/********************************************************************************************/
//Dropdownized
/********************************************************************************************/
function initDropdownized() {
  $("select").not(".do-not-dropdownize").each(function() {
    if (!$(this).attr("multiple")) {
      $(this).dropdownized();
    }
  });
}

jQuery(document).ready(function() {
  initDropdownized();
});