/*
   * jQuery selectbox plugin
   *
   * Copyright (c) 2007 Sadri Sahraoui (brainfault.com)
   * Licensed under the GPL license and MIT:
   *   http://www.opensource.org/licenses/GPL-license.php
   *   http://www.opensource.org/licenses/mit-license.php
   *
   * The code is inspired from Autocomplete plugin (http://www.dyve.net/jquery/?autocomplete)
   *
   * Revision: $Id$
   * Version: 0.6
   * 
   * Changelog :
   *  Version 0.6
   *  - Fix IE scrolling problem
   *  Version 0.5 
   *  - separate css style for current selected element and hover element which solve the highlight issue 
   *  Version 0.4
   *  - Fix width when the select is in a hidden div   @Pawel Maziarz
   *  - Add a unique id for generated li to avoid conflict with other selects and empty values @Pawel Maziarz
   */
  jQuery.fn.extend({
  	selectbox: function(options) {
  		return this.each(function() {
  			new jQuery.SelectBox(this, options);
  		});
  	}
  });


  /* pawel maziarz: work around for ie logging */
  if (!window.console) {
  	var console = {
  		log: function(msg) { 
  	 }
  	}
  }
  /* */

  jQuery.SelectBox = function(selectobj, options) {

  	var opt = options || {};
  	opt.inputClass = opt.inputClass || "selectbox";
  	opt.containerClass = opt.containerClass || "selectbox-wrapper";
  	opt.hoverClass = opt.hoverClass || "current";
  	opt.currentClass = opt.selectedClass || "selected"
  	opt.debug = opt.debug || false;

  	var elm_id = selectobj.id;
  	var active = 0;
  	var inFocus = false;
  	var hasfocus = 0;
  	//jquery object for select element
  	var $select = $(selectobj);
  	// jquery container object
  	var $container = setupContainer(opt);
  	//jquery input object 
  	var $input = setupInput(opt);
  	// hide select and append newly created elements
  	$select.hide().before($input).before($container);


  	init();

  	$input
  	.click(function(){
      if (!inFocus) {
  		  $container.toggle();
  		}
  	})
  	.focus(function(){
  	   if ($container.not(':visible')) {
  	       inFocus = true;
  	       $container.show();
  	   }
  	})
  	.keydown(function(event) {	   
  		switch(event.keyCode) {
  			case 38: // up
  				event.preventDefault();
  				moveSelect(-1);
  				break;
  			case 40: // down
  				event.preventDefault();
  				moveSelect(1);
  				break;
  			//case 9:  // tab 
  			case 13: // return
  				event.preventDefault(); // seems not working in mac !
  				$('li.'+opt.hoverClass).trigger('click');
  				break;
  			case 27: //escape
  			  hideMe();
  			  break;
  		}
  	})
  	.blur(function() {
  		if ($container.is(':visible') && hasfocus > 0 ) {
  			if(opt.debug) console.log('container visible and has focus')
  		} else {
  		  // Workaround for ie scroll - thanks to Bernd Matzner
  		  if($.browser.msie || $.browser.safari){ // check for safari too - workaround for webkit
          if(document.activeElement.getAttribute('id').indexOf('_container')==-1){
            hideMe();
          } else {
            $input.focus();
          }
        } else {
          hideMe();
        }
  		}
  	});


  	function hideMe() { 
  		hasfocus = 0;
  		$container.hide(); 
  	}

  	function init() {
  		$container.append(getSelectOptions($input.attr('id'))).hide();
  		var width = $input.css('width');
  		$container.width(width);
      }

  	function setupContainer(options) {
  		var container = document.createElement("div");
  		$container = $(container);
  		$container.attr('id', elm_id+'_container');
  		$container.addClass(options.containerClass);

  		return $container;
  	}

  	function setupInput(options) {
  		var input = document.createElement("input");
  		var $input = $(input);
  		$input.attr("id", elm_id+"_input");
  		$input.attr("type", "text");
  		$input.addClass(options.inputClass);
  		$input.attr("autocomplete", "off");
  		$input.attr("readonly", "readonly");
  		$input.attr("tabIndex", $select.attr("tabindex")); // "I" capital is important for ie

  		return $input;	
  	}

  	function moveSelect(step) {
  		var lis = $("li", $container);
  		if (!lis || lis.length == 0) return false;
  		active += step;
      //loop through list
  		if (active < 0) {
  			active = lis.size();
  		} else if (active > lis.size()) {
  			active = 0;
  		}
      scroll(lis, active);
  		lis.removeClass(opt.hoverClass);

  		$(lis[active]).addClass(opt.hoverClass);
  	}

  	function scroll(list, active) {
        var el = $(list[active]).get(0);
        var list = $container.get(0);

        if (el.offsetTop + el.offsetHeight > list.scrollTop + list.clientHeight) {
          list.scrollTop = el.offsetTop + el.offsetHeight - list.clientHeight;      
        } else if(el.offsetTop < list.scrollTop) {
          list.scrollTop = el.offsetTop;
        }
  	}

  	function setCurrent() {	
  		var li = $("li."+opt.currentClass, $container).get(0);
  		var ar = (''+li.id).split('-'); // ERROR with default code using "_" because most recent defined as "created_at" changed to "-" here and line 201
  		//alert(ar)
  		var el = ar[ar.length-1];
  		$select.val(el);
  		$input.val($(li).html());
  		return true;
  	}

  	// select value
  	function getCurrentSelected() {
  		return $select.val();
  	}

  	// input value
  	function getCurrentValue() {
  		return $input.val();
  	}

  	function getSelectOptions(parentid) {
  		var select_options = new Array();
  		var ul = document.createElement('ul');
  		$select.children('option').each(function() {
  			var li = document.createElement('li');
  			li.setAttribute('id', parentid + '-' + $(this).val());
  			li.innerHTML = $(this).html();
  			if ($(this).is(':selected')) {
  				$input.val($(this).html());
  				$(li).addClass(opt.currentClass);
  			}
  			ul.appendChild(li);
  			$(li)
  			.mouseover(function(event) {
  				hasfocus = 1;
  				if (opt.debug) console.log('over on : '+this.id);
  				jQuery(event.target, $container).addClass(opt.hoverClass);
  			})
  			.mouseout(function(event) {
  				hasfocus = -1;
  				if (opt.debug) console.log('out on : '+this.id);
  				jQuery(event.target, $container).removeClass(opt.hoverClass);
  				//setTimeout('hideMe()',200);
  			})
  			.click(function(event) {
  			  var fl = $('li.'+opt.hoverClass, $container).get(0);
  				if (opt.debug) console.log('click on :'+this.id);
  				$('li.'+opt.currentClass).removeClass(opt.currentClass);
  				$(this).addClass(opt.currentClass);
  				setCurrent();
  				$select.change(); // <--
  				$select.get(0).blur();
  				hideMe();
  			});
  		});
  		return ul;
  	}

  };


$(document).ready(function() { 
  if (!($.browser.msie && $.browser.version < "7")) {
    //$('#myselectbox').selectbox();
  } 
});

$(document).ready(function() {
  if (!($.browser.msie && $.browser.version < "7")) { 
    //$('#myselectbox2').selectbox();
  }
});