/*
// jQuery multiSelect
//
// Version 1.0.2 beta
//
// Cory S.N. LaViska
// A Beautiful Site (http://abeautifulsite.net/)
// 10 May 2009
//
// Visit http://abeautifulsite.net/notebook.php?article=62 for more information
//
// Usage: $('#control_id').multiSelect( options, callback )
//
// Options:  selectAll          - whether or not to display the Select All option; true/false, default = true
//           selectAllText      - text to display for selecting/unselecting all options simultaneously
//           noneSelected       - text to display when there are no selected items in the list
//           oneOrMoreSelected  - text to display when there are one or more selected items in the list
//                                (note: you can use % as a placeholder for the number of items selected).
//                                Use * to show a comma separated list of all selected; default = '% selected'
//
// Dependencies:  jQuery 1.2.6 or higher (http://jquery.com/)
//
// Change Log:
//
//		1.0.1	- Updated to work with jQuery 1.2.6+ (no longer requires the dimensions plugin)
//				- Changed $(this).offset() to $(this).position(), per James' and Jono's suggestions
//
//		1.0.2	- Fixed issue where dropdown doesn't scroll up/down with keyboard shortcuts
//				- Changed '$' in setTimeout to use 'jQuery' to support jQuery.noConflict
//				- Renamed from jqueryMultiSelect.* to jquery.multiSelect.* per the standard recommended at
//				  http://docs.jquery.com/Plugins/Authoring (does not affect API methods)
//
// Licensing & Terms of Use
// 
// This plugin is dual-licensed under the GNU General Public License and the MIT License and
// is copyright 2008 A Beautiful Site, LLC. 
//	
*/
if (jQuery) (function($)
{
    var clickTime=0;
    $.extend($.fn, {
        multiSelect: function(o, callback)
        {
            // Default options
            if (!o) var o = {};
            if (o.selectAll == undefined) o.selectAll = true;
            if (o.selectAllText == undefined) o.selectAllText = "Select All";
            if (o.noneSelected == undefined) o.noneSelected = 'Select options';
            if (o.oneOrMoreSelected == undefined) o.oneOrMoreSelected = '% selected';
            if (o.columnHeaderVisible == undefined) o.columnHeaderVisible = false;  //jeffrey...
            if (o.filterButtonVisible == undefined) o.filterButtonVisible = true;  //jeffrey...
            
            
            //click body hidden multiSelect
                $("body").click(function()
                {
                  var Timer=new Date();
                  if(Timer.getSeconds()-clickTime>0 || clickTime==0)
                   {
                       $(this).multiSelectHide();
                   }
                       
                });

            // Initialize each multiSelect
            $(this).each(function()
            {
                var select = $(this);
                //var html = '<input type="text" readonly="readonly" class="multiSelect" value="" style="cursor: default;" />';
                //var html = '<div class="multiSelect" style="cursor: default;"><div class="text">&nbsp;</div><div class="clear" style="display:none;">&nbsp;</div></div>';
                var html = '<div forControlId=' + select.attr("id") + ' class="multiSelectOptions" style="position: absolute; z-index: 99999; display: none;">';
                if (o.selectAll) html += '<label class="selectAll"><input type="checkbox" class="selectAll" />' + o.selectAllText + '</label>';

                //jeffrey.....
                //------------------------------------------------------------------
                html += '<div style="">';
                var columnIndex = 0;
                var optionIndex = 0;
                var hasSelected = false;
                $(select).find('OPTION').each(function()
                {
                    var columnText = "";
                    if ($(this).attr("columnText"))
                    {
                        columnText = $(this).attr("columnText");
                    }
                    if (columnText != "")
                    {
                        if (columnIndex > 0)
                        {
                            html += '</div>';
                        }
                        html += '<div class="column">';
                        if (o.columnHeaderVisible == true)
                        {
                            html += '<label>' + columnText + '</label>';
                        }
                        columnIndex++;
                    }
                    else
                    {
                        if (optionIndex == 0)
                        {
                            html += '<div class="column">';
                        }
                    }

                    if ($(this).val() != '')
                    {
                        html += '<label><input type="checkbox" name="' + $(select).attr('name') + '" value="' + $(this).val() + '"';
                        if ($(this).attr('selected')) html += ' checked="checked"';
                        html += ' />' + $(this).html() + '</label><div class="spacer" style="height:3px;"></div>';
                    }

                    if ($(this).attr("selected") == true)
                    {
                        hasSelected = true;
                    }

                    optionIndex++;
                });
                html += '</div>';
                html += '<div style="clear:both"> </div>';
                html += '</div>';

                if (o.filterButtonVisible == true)
                {
                    html += '<div class="filter">&nbsp;</div>'
                }

                var divClearDisplayStyle = 'none';
                if (hasSelected == true) divClearDisplayStyle = 'block';
                html = '<div class="multiSelect" style="cursor: pointer;"><div class="text">&nbsp;</div><div class="clear" style="display:' + divClearDisplayStyle + ';">&nbsp;</div></div>' + html;
                //------------------------------------------------------------------

                html += '</div>';
                $(select).after(html);

                // Events
                $(select).next('.multiSelect').mouseover(function()
                {
                    $(this).addClass('hover');
                    Ischeck=false;
                }).mouseout(function()
                {
                    $(this).removeClass('hover');
                }).click(function()
                {
                    // Show/hide on click
                    if ($(this).hasClass('active'))
                    {
                        $(this).multiSelectOptionsHide();
                    } else
                    {
                        $(this).multiSelectOptionsShow();
                    }
                    return false;
                }).focus(function()
                {
                    // So it can be styled with CSS
                    $(this).addClass('focus');
                })
                .blur(function()
                {
					
					// Added (hugo)
					//$(this).multiSelectOptionsHide();
                    // So it can be styled with CSS
                    $(this).removeClass('focus');
                });
                

                //jeffrey...
                //---------------------------------------
                if (typeof MultiSelectFilter == "function" && o.filterButtonVisible == true)
                {
                    $(select).next('.multiSelect').next(".multiSelectOptions").find('.filter').click(function()
                    {
                        MultiSelectFilter();
                    });
                }
                $(select).next('.multiSelect').find('DIV.clear').click(function()
                {
                    //alert($(this).parent().next('.multiSelectOptions').find('INPUT:checkbox').length);
                    var lastCheckbox;
                    $(this).parent().next('.multiSelectOptions').find('INPUT:checkbox').each(function()
                    {
                        $(this).attr('checked', false);
                        $(this).parent().removeClass('checked');
                        lastCheckbox = $(this);
                    });

                    if (callback && lastCheckbox) callback(lastCheckbox);

                    $(this).multiSelectOptionsShow();
                    $(this).css('display', 'none');
                });
                

                //---------------------------------------

                // Determine if Select All should be checked initially
                if (o.selectAll)
                {
                    var sa = true;
                    $(select).next('.multiSelect').next('.multiSelectOptions').find('INPUT:checkbox').not('.selectAll').each(function()
                    {
                        if (!$(this).attr('checked')) sa = false;
                    });
                    if (sa) $(select).next('.multiSelect').next('.multiSelectOptions').find('INPUT.selectAll').attr('checked', true).parent().addClass('checked');
                }

                // Handle Select All
                $(select).next('.multiSelect').next('.multiSelectOptions').find('INPUT.selectAll').click(function()
                {
                    if ($(this).attr('checked') == true) $(this).parent().parent().parent().parent().find('INPUT:checkbox').attr('checked', true).parent().addClass('checked'); else $(this).parent().parent().parent().parent().find('INPUT:checkbox').attr('checked', false).parent().removeClass('checked');
                });

                // Handle checkboxes
                $(select).next('.multiSelect').next('.multiSelectOptions').find('INPUT:checkbox').click(function()
                {
                    //alert($(this).parent().parent().parent().parent().find('INPUT:checkbox').length);
                    $(this).parent().parent().parent().parent().multiSelectUpdateSelected(o);
                    $(this).parent().parent().parent().parent().find('LABEL').removeClass('checked').find('INPUT:checked').parent().addClass('checked');
                    $(this).parent().parent().parent().parent().prev('.multiSelect').focus();
                    if (!$(this).attr('checked')) $(this).parent().parent().parent().parent().find('INPUT:checkbox.selectAll').attr('checked', false).parent().removeClass('checked');

                    var checked = $(this).attr('checked');
                    if (checked == false)
                    {
                        $(this).parent().parent().parent().parent().find('INPUT:checkbox').each(function()
                        {
                            if ($(this).attr('checked'))
                                checked = true;
                        });
                    }
                    if (checked == true)
                    {
                        $(this).parent().parent().parent().parent().prev('.multiSelect').find('DIV.clear').css('display', 'block');
                    }
                    else
                    {
                        $(this).parent().parent().parent().parent().prev('.multiSelect').find('DIV.clear').css('display', 'none');
                    }
                    //alert(checked);
                    //remeber current click time
                    var Timer=new Date();
                    clickTime=Timer.getSeconds();
                    
                    if (callback) callback($(this));
                });
				
				// Handle checkboxes
                $(select).next('.multiSelect').next('.multiSelectOptions').find('LABEL').click(function()
                {
				    var Timer=new Date();
                    clickTime=Timer.getSeconds();

				})

                // Initial display
                $(select).next('.multiSelect').next('.multiSelectOptions').each(function()
                {
                    $(this).multiSelectUpdateSelected(o);
                    $(this).find('INPUT:checked').parent().addClass('checked');
                });

                // Handle hovers
                $(select).next('.multiSelect').next('.multiSelectOptions').find('LABEL').mouseover(function()
                {
                    $(this).parent().find('LABEL').removeClass('hover');
                    $(this).addClass('hover');
                }).mouseout(function()
                {
                    $(this).parent().find('LABEL').removeClass('hover');
                });

                // Keyboard
                $(select).next('.multiSelect').keydown(function(e)
                {
                    // Is dropdown visible?
                    if ($(this).next('.multiSelectOptions').is(':visible'))
                    {
                        // Dropdown is visible
                        // Tab
                        if (e.keyCode == 9)
                        {
                            $(this).addClass('focus').trigger('click'); // esc, left, right - hide
                            $(this).focus().next(':input').focus();
                            return true;
                        }

                        // ESC, Left, Right
                        if (e.keyCode == 27 || e.keyCode == 37 || e.keyCode == 39)
                        {
                            // Hide dropdown
                            $(this).addClass('focus').trigger('click');
                        }
                        // Down
                        if (e.keyCode == 40)
                        {
                            if (!$(this).next('.multiSelectOptions').find('LABEL').hasClass('hover'))
                            {
                                // Default to first item
                                $(this).next('.multiSelectOptions').find('LABEL:first').addClass('hover');
                            } else
                            {
                                // Move down, cycle to top if on bottom
                                $(this).next('.multiSelectOptions').find('LABEL.hover').removeClass('hover').next('LABEL').addClass('hover');
                                if (!$(this).next('.multiSelectOptions').find('LABEL').hasClass('hover'))
                                {
                                    $(this).next('.multiSelectOptions').find('LABEL:first').addClass('hover');
                                }
                            }

                            // Adjust the viewport if necessary
                            $(this).multiSelectAdjustViewport($(this));

                            return false;
                        }
                        // Up
                        if (e.keyCode == 38)
                        {
                            if (!$(this).next('.multiSelectOptions').find('LABEL').hasClass('hover'))
                            {
                                // Default to first item
                                $(this).next('.multiSelectOptions').find('LABEL:first').addClass('hover');
                            } else
                            {
                                // Move up, cycle to bottom if on top
                                $(this).next('.multiSelectOptions').find('LABEL.hover').removeClass('hover').prev('LABEL').addClass('hover');
                                if (!$(this).next('.multiSelectOptions').find('LABEL').hasClass('hover'))
                                {
                                    $(this).next('.multiSelectOptions').find('LABEL:last').addClass('hover');
                                }
                            }

                            // Adjust the viewport if necessary
                            $(this).multiSelectAdjustViewport($(this));

                            return false;
                        }
                        // Enter, Space
                        if (e.keyCode == 13 || e.keyCode == 32)
                        {
                            // Select All
                            if ($(this).next('.multiSelectOptions').find('LABEL.hover INPUT:checkbox').hasClass('selectAll'))
                            {
                                if ($(this).next('.multiSelectOptions').find('LABEL.hover INPUT:checkbox').attr('checked'))
                                {
                                    // Uncheck all
                                    $(this).next('.multiSelectOptions').find('INPUT:checkbox').attr('checked', false).parent().removeClass('checked');
                                } else
                                {
                                    // Check all
                                    $(this).next('.multiSelectOptions').find('INPUT:checkbox').attr('checked', true).parent().addClass('checked');
                                }
                                $(this).next('.multiSelectOptions').multiSelectUpdateSelected(o);
                                if (callback) callback($(this));
                                return false;
                            }
                            // Other checkboxes
                            if ($(this).next('.multiSelectOptions').find('LABEL.hover INPUT:checkbox').attr('checked'))
                            {
                                // Uncheck
                                $(this).next('.multiSelectOptions').find('LABEL.hover INPUT:checkbox').attr('checked', false);
                                $(this).next('.multiSelectOptions').multiSelectUpdateSelected(o);
                                $(this).next('.multiSelectOptions').find('LABEL').removeClass('checked').find('INPUT:checked').parent().addClass('checked');
                                // Select all status can't be checked at this point
                                $(this).next('.multiSelectOptions').find('INPUT:checkbox.selectAll').attr('checked', false).parent().removeClass('checked');
                                if (callback) callback($(this));
                            } else
                            {
                                // Check
                                $(this).next('.multiSelectOptions').find('LABEL.hover INPUT:checkbox').attr('checked', true);
                                $(this).next('.multiSelectOptions').multiSelectUpdateSelected(o);
                                $(this).next('.multiSelectOptions').find('LABEL').removeClass('checked').find('INPUT:checked').parent().addClass('checked');
                                if (callback) callback($(this));
                            }
                        }
                        return false;
                    } else
                    {
                        // Dropdown is not visible
                        if (e.keyCode == 38 || e.keyCode == 40 || e.keyCode == 13 || e.keyCode == 32)
                        { // down, enter, space - show
                            // Show dropdown
                            $(this).removeClass('focus').trigger('click');
                            $(this).next('.multiSelectOptions').find('LABEL:first').addClass('hover');
                            return false;
                        }
                        //  Tab key
                        if (e.keyCode == 9)
                        {
                            // Shift focus to next INPUT element on page
                            $(this).focus().next(':input').focus();
                            return true;
                        }
                    }
                    // Prevent enter key from submitting form
                    if (e.keyCode == 13) return false;
                });

                // Eliminate the original form element
                $(select).remove();
            });

        },

        // Hide the dropdown
        multiSelectOptionsHide: function()
        {
            $(this).removeClass('active').next('.multiSelectOptions').hide();
        },

        // Show the dropdown
        multiSelectOptionsShow: function()
        {
            // Hide any open option boxes
            $('.multiSelect').multiSelectOptionsHide();
            $(this).next('.multiSelectOptions').find('LABEL').removeClass('hover');
            $(this).addClass('active').next('.multiSelectOptions').show();

            // Position it
            var offset = $(this).position();
            $(this).next('.multiSelectOptions').css({ top: offset.top + $(this).outerHeight() + 'px' });
            $(this).next('.multiSelectOptions').css({ left: offset.left + 'px' });

            // Disappear on hover out
            multiSelectCurrent = $(this);
            var timer = '';
            $(this).next('.multiSelectOptions').hover(function()
            {
                clearTimeout(timer);
            }, function()
            {
                //timer = setTimeout('jQuery(multiSelectCurrent).multiSelectOptionsHide(); $(multiSelectCurrent).unbind("hover");', 250);//jeffrey...
            });

        },

        // Update the textbox with the total number of selected items
        multiSelectUpdateSelected: function(o)
        {
            var i = 0, s = '', selectedText = '';
            $(this).find('INPUT:checkbox:checked').not('.selectAll').each(function()
            {
                i++;
                selectedText += $(this).val() + ',';
            })
            if (selectedText != '') selectedText = selectedText.substr(0, selectedText.length - 1);

            if (i == 0)
            {
                //jeffrey...
                //$(this).prev('INPUT.multiSelect').val(o.noneSelected);
                $(this).prev('DIV.multiSelect').find('DIV.text').text(o.noneSelected);
            } else
            {
                if (o.oneOrMoreSelected == '*')
                {
                    var display = '';
                    $(this).find('INPUT:checkbox:checked').each(function()
                    {
                        if ($(this).parent().text() != o.selectAllText) display = display + $(this).parent().text() + ', ';
                    });
                    display = display.substr(0, display.length - 2);
                    //jeffrey...
                    //$(this).prev('INPUT.multiSelect').val(display);
                    $(this).prev('DIV.multiSelect').find('DIV.text').text(display);
                }
                else if (o.oneOrMoreSelected == '% selected')
                {
                    //jeffrey...
                    //$(this).prev('INPUT.multiSelect').val(o.oneOrMoreSelected.replace('%', i));
                    $(this).prev('DIV.multiSelect').find('DIV.text').text(o.oneOrMoreSelected.replace('%', i));
                }
                else if (o.oneOrMoreSelected == '#')
                {
                    //jeffrey...
                    $(this).prev('DIV.multiSelect').find('DIV.text').text(selectedText);
                }
                else
                {
                    $(this).prev('DIV.multiSelect').find('DIV.text').text(o.oneOrMoreSelected); //jeffrey...
                }
            }
        },
        
        multiSelectHide: function()
        {
            // Hide any open option boxes
            $('.multiSelect').multiSelectOptionsHide();
        },

        // Ensures that the selected item is always in the visible portion of the dropdown (for keyboard controls)
        multiSelectAdjustViewport: function(el)
        {
            // Calculate positions of elements
            var i = 0;
            var selectionTop = 0, selectionHeight = 0;
            $(el).next('.multiSelectOptions').find('LABEL').each(function()
            {
                if ($(this).hasClass('hover')) { selectionTop = i; selectionHeight = $(this).outerHeight(); return; }
                i += $(this).outerHeight();
            });
            var divScroll = $(el).next('.multiSelectOptions').scrollTop();
            var divHeight = $(el).next('.multiSelectOptions').height();
            // Adjust the dropdown scroll position
            $(el).next('.multiSelectOptions').scrollTop(selectionTop - ((divHeight / 2) - (selectionHeight / 2)));
        }

    });

})(jQuery);