/**
 * jQuery custom selectboxes
 * 
 * Copyright (c) 2008 Krzysztof Suszyński (suszynski.org)
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * @version 0.6.1
 * @category visual
 * @package jquery
 * @subpakage ui.selectbox
 * @author Krzysztof Suszyński <k.suszynski@wit.edu.pl>
**/
jQuery.fn.selectbox = function (options) {
  /* Default settings */
  var settings = {
    className: 'jquery-selectbox',
    animationSpeed: "slow",
    listboxMaxSize: 10,
    replaceInvisible: true
  };
  var commonClass = 'jquery-custom-selectboxes-replaced';
  var listOpen = false;
  var showList = function (listObj) {
    var selectbox = listObj.parents('.' + settings.className + '');
    listObj.fadeIn(settings.animationSpeed, function () {
      listOpen = true;
    });
    selectbox.addClass('selecthover');
    jQuery(document).bind('click', onBlurList);
    return listObj;
  }
  var hideList = function (listObj) {
    var selectbox = listObj.parents('.' + settings.className + '');
    listObj.fadeOut('fast', function () {
      listOpen = false;
      jQuery(this).parents('.' + settings.className + '').removeClass('selecthover');
    });
    jQuery(document).unbind('click', onBlurList);
    return listObj;
  }
  var onBlurList = function (e) {
    var trgt = e.target;
    var currentListElements = jQuery('.' + settings.className + '-list:visible').parent().find('*').andSelf();
    if (jQuery.inArray(trgt, currentListElements) < 0 && listOpen) {
      hideList(jQuery('.' + commonClass + '-list'));
    }
    return false;
  }

  /* Processing settings */
  settings = jQuery.extend(settings, options || {});
  /* Wrapping all passed elements */
  return this.each(function () {
    var _this = jQuery(this);
    if (_this.filter(':visible').length == 0 && !settings.replaceInvisible)
      return;
    var replacement = jQuery(
			'<div class="' + settings.className + ' ' + commonClass + '">' +
				'<div class="' + settings.className + '-moreButton"><span></span></div>' +
        '<div class="' + settings.className + '-moreButtonDisabled"><span></span></div>' +
				'<span class="' + settings.className + '-currentItem" />' +
        '<div class="' + settings.className + '-list ' + commonClass + '-list" />' +
			'</div>'
		);
    jQuery('option', _this).each(function (k, v) {
      var v = jQuery(v);
      var listElement = jQuery('<span class="' + settings.className + '-item value-' + v.val() + ' item-' + k + '" title="' + v.text() + '">' + v.text() + '</span>');
      listElement.click(function () {
        var thisListElement = jQuery(this);
        var thisReplacment = thisListElement.parents('.' + settings.className);
        var thisIndex = thisListElement[0].className.split(' ');
        for (k1 in thisIndex) {
          if (/^item-[0-9]+$/.test(thisIndex[k1])) {
            thisIndex = parseInt(thisIndex[k1].replace('item-', ''), 10);
            break;
          }
        };
        var thisValue = thisListElement[0].className.split(' ');
        for (k1 in thisValue) {
          if (/^value-.+$/.test(thisValue[k1])) {
            thisValue = thisValue[k1].replace('value-', '');
            break;
          }
        };
        thisReplacment
					.find('.' + settings.className + '-currentItem')
					.text(thisListElement.text());
        thisReplacment
					.find('select')
					.val(thisValue)
					.triggerHandler('change');
        var thisSublist = thisReplacment.find('.' + settings.className + '-list');
        if (thisSublist.filter(":visible").length > 0) {
          hideList(thisSublist);
        } else {
          showList(thisSublist);
        }
      }).bind('mouseenter', function () {
        jQuery(this).addClass('listelementhover');
      }).bind('mouseleave', function () {
        jQuery(this).removeClass('listelementhover');
      });
      jQuery('.' + settings.className + '-list', replacement).append(listElement);
      if (v.filter(':selected').length > 0) {
        jQuery('.' + settings.className + '-currentItem', replacement).text(v.text());
      }
    });
    replacement.find('.' + settings.className + '-moreButton').click(function () {
      var thisMoreButton = jQuery(this);
      var otherLists = jQuery('.' + settings.className + '-list')
				.not(thisMoreButton.siblings('.' + settings.className + '-list'));
      hideList(otherLists);
      var thisList = thisMoreButton.siblings('.' + settings.className + '-list');
      if (thisList.filter(":visible").length > 0) {
        hideList(thisList);
      } else {
        showList(thisList);
      }
    }).bind('mouseenter', function () {
      jQuery(this).addClass('morebuttonhover');
    }).bind('mouseleave', function () {
      jQuery(this).removeClass('morebuttonhover');
    });
    _this.hide().replaceWith(replacement).appendTo(replacement);
    var thisListBox = replacement.find('.' + settings.className + '-list');
    var thisListBoxSize = thisListBox.find('.' + settings.className + '-item').length;
    if (thisListBoxSize > settings.listboxMaxSize)
      thisListBoxSize = settings.listboxMaxSize;
    if (thisListBoxSize == 0)
      thisListBoxSize = 1;
    var thisListBoxWidth = Math.round(_this.outerWidth());
    if (jQuery.browser.safari)
      thisListBoxWidth = thisListBoxWidth * 0.94;
    replacement.css('width', thisListBoxWidth + 'px');
    thisListBox.css({
      width: Math.round(thisListBoxWidth - 5) + 'px',
      height: thisListBoxSize * 24 + 'px'
    });
    replacement.find('select').bind('regeneration', function () {
      jQuery(this).resetselectbox(); /*Regeneration for ajax*/
    });
    replacement.find('select').bind('change', function () {
      jQuery(this)
        .parent()
				.find('.' + settings.className + '-currentItem')
				.html(jQuery(this).find(":selected").text());
    });
  });
}
jQuery.fn.unselectbox = function(){
	var commonClass = 'jquery-custom-selectboxes-replaced';
	return this.each(function() {
		var selectToRemove = jQuery(this).filter('.' + commonClass);
		selectToRemove.replaceWith(selectToRemove.find('select').show());		
	});
}
jQuery.fn.resetselectbox = function() {
  jQuery(this).parents('.jquery-selectbox').unselectbox();
  jQuery(this).selectbox();
}