/* jQuery Simple Multi-Select plugin 0.9
 *
 * Copyright (c) 2009 Ethan Miller
 *
 * http://ethanmiller.name/notes/jquery_simplemultiselect/
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 *
 */

(function($){

    $.fn.simpleMultiSelect = function(options){
    	
        var settings = $.extend({
		highlight : '#CCE',
		border : '#777',
		width : 350,
		height : 150,
		max : 0,
		classesOnly : false,
		container : 'sms-container',
		pseudoSelect : 'sms-pseudo-select',
		selected : 'sms-selected',
		unselected : 'sms-unselected'
	    }, options);
        
        return this.each(function(){
        	var tot = 0;
        	var identifier = Math.round(Math.random()*999999999999);
            // wrapping select in a div so that the select and 
	    // pseudo select will be siblings
            $(this).wrap('<div id="_'+identifier+'" class="' + settings.container + '"></div>');
            var divselect = $('<div class="' + settings.pseudoSelect + '"></div>');
            var contentdiv = $('<ul class="multikeyword '+identifier+'_' + settings.container +'"></ul>');

            tot = $('option:selected',this).length;
            $('#_'+identifier).append(contentdiv);
            $('option:selected',this).each(function() {
            	var the_li = $(this).attr('value');
                contentdiv.append('<li id="'+the_li+'">'+$(this).attr('text')+'</li>');
                $('#'+the_li).bind('click',function() {
                	
                	
                });
            });
            
            $('option', this).each(function(){
                var op = $(this);
                
                var dv = $('<div/>').text(op.text()).data('selected', op.attr('selected'));
		// highlight pseudo option on load
		toggleSelected(dv, settings);
                dv.click(function(){
                    // we still have references to op and dv here ...
                    if(op.attr('selected')){
                        //de-select
                    	tot--;
                    
                        op.removeAttr('selected');
						dv.data('selected', false);
                        toggleSelected(dv, settings);
                        $('#'+op.attr('value')).remove();
                    }else{
                        //select
                   
                        if(tot>settings.max-1 && settings.max!=0) {
                        	alert('You can choose 5 item max');
                        } else {
                            tot++;
	                        op.attr('selected', true);
	                        dv.data('selected', true);
	                        toggleSelected(dv, settings);
	                        contentdiv.append('<li id="'+op.attr('value')+'">'+dv.html()+'</li>');
	                        
                        
                        }
                        
                    }

                    
                });
                divselect.append(dv);

            });
            if(!settings.classesOnly){
                divselect.css({
                    width : settings.width,
                    height : settings.height,
                    cursor : "default",
                    overflow : "auto",
                    border : "1px solid " + settings.border
		});
            }
            $(this).after(divselect).hide();
            
        });
       
    };
    $.fn.smsNone = function(){
        return this.each(function(){
            siblingDivSet(this).each(function(){
                var psop = $(this);
		if(psop.data('selected')){
                    psop.click();
                }
            });
        });
    };
    $.fn.smsAll = function(){
        return this.each(function(){
            siblingDivSet(this).each(function(){
                var psop = $(this);
		if(!psop.data('selected')){
                    psop.click();
                }
            });
        });
    }
    function toggleSelected(elem, config){
    	
	var sel = elem.data('selected');

        if(config.classesOnly){
            elem.toggleClass(config.selected, sel);
            elem.toggleClass(config.unselected, !sel);
        }else{
            if(sel){
                elem.css({'background-color' : config.highlight});
            }else{
                elem.css({'background-color' : 'transparent'});
            }
        }
        
    }
    function siblingDivSet(sel){
        // expects a select object, return jquery set
        return $(sel).siblings('div').children('div');
    }
    
})(jQuery);