').appendTo($('#'+selectId + ' .styleSelect_item'));
//Options container
var subContainer = $('
').appendTo($('#'+selectId + ' .styleSelect_item_content'));
//Generate options list
var optionsList = "";
mainSelect.find('option').each(function(){
optionsList += '
container_height){
api.scrollTo(0, parseInt(active_item_position.top - container_height/2));
} else if (active_item_position.top && active_item_position.top < container_height){
api.scrollTo(0, parseInt(active_item_position.top - container_height));
} else if (api != null){
api.scrollTo(0, 0);
}
}
});
}
});
//On click
$('#'+selectId+' li').click(function(){
doSelection($(this));
});
//Keyboard support
$('#'+selectId).keydown(function(event){
var active = $(this).find('.selected').parent();
//jScrollPane api
if (opts.jScrollPane == 1){
var api = $('.styleSelect_item_content').data('jsp');
var container_height = $(".styleSelect_item_content").height();
}
//Next item
if (event.keyCode == 40 || event.keyCode == 39 ){
var next_item = active.next();
if (next_item.index() > 0 && api != null && $('#'+selectId).find('.styleSelect_item').css('display') != 'none'){
var position_next = next_item.position();
if (position_next.top != null && position_next.top > container_height){
api.scrollTo(0, parseInt(position_next.top));
}
}
doSelection(next_item);
}
//Prev item
if (event.keyCode == 37 || event.keyCode == 38 ){
var prev_item = active.prev();
var prev_item_index = prev_item.index();
if (api != null && opts.jScrollPane == 1 && $('#'+selectId).find('.styleSelect_item').css('display') != 'none'){
if (prev_item_index > 0){
var position_prev = prev_item.position();
if (position_prev.top-container_height < container_height){
api.scrollTo(0, parseInt(position_prev.top));
}
} else {
api.scrollTo(0, 0);
}
}
doSelection(prev_item);
}
if (event.keyCode == 13 || event.keyCode == 0 || event.keyCode == 32){
$(this).find('.styleSelect_item').slideToggle(opts.speed,function(){
var eitem = $(event.target);
//Use jScrollPane
if (!eitem.find(".jspContainer").attr('class') && opts.jScrollPane == 1){
$(this).find(".styleSelect_item_content").jScrollPane(opts.jScrollPaneOptions);
}
});
return false;
}
if (event.keyCode == 9){ $(this).find('.styleSelect_item').hide(opts.speed); }
});
//Do selection
var doSelection = function(item){
item.siblings().find("span").removeClass('selected');
item.find("span").addClass('selected');
var selectedItem = item.attr('id');
var realSelector = $('select[name="'+orgSelectbox+'"]');
realSelector.siblings().selected = false;
realSelector.find('option[value="'+selectedItem+'"]').attr('selected','selected');
realSelector.trigger(opts.selectTrigger);
checkSelected(opts.styleClass,opts.optionsWidth);
}
$('#'+selectId).click(function(event){
event.stopPropagation();
});
$(document).click(function() {
$('#'+selectId+' .styleSelect_item').hide();
});
});
}
//Selected items check
function checkSelected(mainClass,mainWidth){
$('.'+mainClass).each(function(){
var elementList = $(this).find('.styleSelect_item');
$(this).find('span').each(function(){
var spanClass = $(this).attr("class");
if (spanClass == "passiveSelect" || spanClass == "activeSelect") $(this).remove();
});
var selectedName = $(this).find('.selected');
$('').text(selectedName.text())
.attr('id', selectedName.parent().attr('id'))
.addClass('passiveSelect')
.appendTo($(this));
if (mainWidth === 0){
$(this).css({'width' : elementList.width()});
}
});
$('.'+mainClass+' span').each(function(){
if ($(this).attr('id')){
$(this).removeClass();
$(this).addClass('activeSelect');
}
});
}
$.fn.styleSelect.defaults = {
optionsTop: '26px',
optionsLeft: '0px',
optionsWidth: 0,
styleClass: 'selectMenu',
speed: 0,
selectTrigger: 'change',
jScrollPane: 0,
jScrollPaneOptions: ''
};
})(jQuery);