/*
 * 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 cl = $(selectobj).attr("class") || 'sb';
 var opt = options || {};
 opt.inputClass = opt.inputClass || cl+"Input";
 opt.valueClass = opt.valueClass || cl+"Value";
 opt.containerClass = opt.containerClass || cl+"Wrapper";
 opt.hoverClass = opt.hoverClass || cl+"Hover";
 opt.currentClass = opt.currentClass || cl+"Active";
 opt.holderClass = opt.holderClass || cl+"Holder";
 opt.debug = opt.debug || false;
 var elm_id = selectobj.id;
 if(elm_id.length < 1) {
  elm_id = 'select'+$('select').index(selectobj);
 }
 $("#"+elm_id+"_container").unbind();
 $("#"+elm_id+"_container").remove();
 $("#"+elm_id+"_input").unbind();
 $("#"+elm_id+"_input").remove();
 var active = 0;
 var inFocus = false;
 var hasfocus = 0;
 var valFocus = false;
 var contVis = false;
 //jquery object for select element
 var selObj = $(selectobj);
 // jquery container object
 var contObj = setupContainer(opt);
 //jquery input object
 var inpObj = setupInput(opt);
 var valObj = setupValue(opt);
 // hide select and append newly created elements
 $(selObj).wrap('<div class="'+opt.holderClass+'"></div>').hide().before(inpObj).after(contObj);
 init();       
 $(inpObj)
 .click(function() {
  if(contVis) {
   hideMe();
 } else {
  showMe();  
 }
 })
 .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(e) {
  if(!valFocus) {
   if ($(contObj).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) && (parseInt($.browser.version) < 8)){
    if(document.activeElement.getAttribute('id') != null) {
     if(document.activeElement.getAttribute('id').indexOf('_container')==-1){
            hideMe();
          } else {
            $(inpObj).focus();
          }
    }
     } else {
       hideMe();
     }
   }
 }            
 });
 $(valObj).mouseover(function() {
  valFocus = true;  
 }).mouseout(function() {
  valFocus = false;
 })
 .click(function() {
  if(contVis) {
   hideMe();
 } else {
  showMe();
  $(inpObj).focus();
 }           
 });
 function hideMe() {
  hasfocus = 0;
  $(contObj).hide();
  contVis = false;
 }
 function showMe() {
   $(contObj).show();
  contVis = true;
 }
 function init() {
  $(contObj).append('<div class="sbTop"><div></div></div><div class="sbCenter"><div></div></div><div class="sbBottom"></div>');
  $(contObj).find('div.sbCenter div').append(getSelectOptions($(inpObj).attr('id'))).find('li').directSwap('direct');
  var h = parseInt($(contObj).css('height'));
  $(contObj).css('height','auto');
  var height = $(contObj).find("ul").height();
  if(height > h+20) {
   $(contObj).css('height',h+'px');
 }
 $(contObj).hide();
  var minWidth = parseInt($(selObj).css('min-width'));
  $(selObj).css('min-width','0');
  var tempH = $(selObj).css('height');
  $(selObj).css('height','0px').show();
  var width = parseInt($(selObj).css('width'));
  $(selObj).hide().css('height',tempH);
  //var next = $(contObj).parent().parent().next().eq(0);
  if(width < minWidth) {
   $(contObj).css('width',minWidth+"px");
  } else {
   $(contObj).css('width',width+"px");
  }
  width -= parseInt($(inpObj).css('borderLeftWidth'));
  width -= parseInt($(inpObj).css('borderRightWidth'));
  width -= parseInt($(inpObj).css('paddingLeft'));
  width -= parseInt($(inpObj).css('paddingRight'));
  $(inpObj).css('width',width+'px');
  $(inpObj).before(valObj);
  $(valObj).find('div').css('width',(width+5)+'px');
 }
 function setupContainer(options) {
  var container = document.createElement("div");
  var contObj = $(container);
  $(contObj).attr('id', elm_id+'_container');
  $(contObj).addClass(options.containerClass);
  return contObj;
 }
 function setupInput(options) {
  var input = document.createElement("input");
  var inpObj = $(input);
  $(inpObj).attr("id", elm_id+"_input");
  $(inpObj).attr("type", "text");
  $(inpObj).addClass(options.inputClass);
  $(inpObj).addClass('txt');
  $(inpObj).attr("autocomplete", "off");
  $(inpObj).attr("readonly", "readonly");
  $(inpObj).attr("tabIndex", $(selObj).attr("tabindex")); // "I" capital is important for ie
  if($(selObj).attr("disabled")) {
   $(inpObj).attr("disabled","true");
   $(inpObj).addClass('sbInputDisabled');
  }
  return inpObj;
 }
 function setupValue(options) {
  var value = document.createElement("div");
  var valObj = $(value);
  $(valObj).attr("id", elm_id+"_value");
  $(valObj).addClass(options.valueClass);
  $(valObj).append('<div><span></span></div>');
  return valObj;
 }
 function moveSelect(step) {
  var lis = $("li", $(contObj));
  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, $(contObj)).get(0);
  var ar = (''+li.id).split('^');
  var el = ar[ar.length-1];
  $(selObj).val(el);
  var vl = $(li).html();
  if(vl.indexOf('Zaloguj') >= 0) {
    vl = 'Zaloguj się do Systemu'
  }
  if(vl.toLowerCase().indexOf('<cite>') >= 0) {
   var reg1 = new RegExp('<cite>','gi');
   var reg2 = new RegExp('</cite>','gi');
   vl = vl.replace(reg1,'').replace(reg2,'');
 }
  $(inpObj).val(vl);
  $(valObj).find('span').text(vl).directSwap('direct');
  return true;
 }
 // select value
 function getCurrentSelected() {
  return $(selObj).val();
 }
 // input value
 function getCurrentValue() {
  return $(inpObj).val();
 }
 function getSelectOptions(parentid) {
  var select_options = new Array();
  var ul = document.createElement('ul');
  $(selObj).children('option').each(function() {
  var opEl = this;
   var li = document.createElement('li');
   li.setAttribute('id', parentid + '^' + $(this).val());
   li.innerHTML = $(this).html();
   if ($(this).is(':selected')) {
    var vl = $(this).html();
    if(vl.indexOf('Zaloguj') >= 0) {
     vl = 'Zaloguj się do Systemu'
   }
    $(inpObj).val(vl);
    $(valObj).find('span').text(vl).directSwap('direct');
    $(li).addClass(opt.currentClass);
   }
   if($(this).attr("class") != null) {
    $(li).addClass($(this).attr("class"));
   }
   ul.appendChild(li);
   $(li)
   .mouseover(function(event) {
    hasfocus = 1;
    if (opt.debug) console.log('over on : '+this.id);
    var et = event.target;
    if(et.tagName.toLowerCase() != 'li') {
     et = $(et).parent().get(0);
  }
    $(et, $(contObj)).addClass(opt.hoverClass);
   })
   .mouseout(function(event) {
    hasfocus = -1;
    if (opt.debug) console.log('out on : '+this.id);
    var et = event.target;
    if(et.tagName.toLowerCase() != 'li') {
     et = $(et).parent().get(0);
  }
    $(et, $(contObj)).removeClass(opt.hoverClass);
   })
   .click(function(event) {
     var fl = $('li.'+opt.hoverClass, $(contObj)).get(0);
    if (opt.debug) console.log('click on :'+this.id);
    $('li.'+opt.currentClass).removeClass(opt.currentClass);
    $(this).addClass(opt.currentClass);
    $(opEl).click();
    setCurrent();
    $(selObj).change();
    $(selObj).get(0).blur();
    hideMe();
   });
  });
  return ul;
 }
};