// ----------------------------------------------------------------------------
// crossSelect - A jQuery Plugin to make multiple select boxes more intuitive
// v 0.5, requires jQuery 1.3.2 or later (may work with jQuery 1.3, but untested)
//
// Dual licensed under the MIT and GPL licenses.
// ----------------------------------------------------------------------------
// Copyright (C) 2009 Rhys Evans
// http://wheresrhys.co.uk/resources/
// ----------------------------------------------------------------------------
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
// 
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
// 
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
// ----------------------------------------------------------------------------
// DOCUMENTATION
// To apply the plug-in to a <select> tag/some <select> tags add the line, eg 
//
//           $('select[multiple="multiple"]').crossSelect(); 
//  
// The plugin takes 5 optional parameters in JSON form:
// rows (integer, default 8) - the height in rows of new select box
// font (integer, default 12) - font-size in pixels
// listWidth - (integer, default 150) - minimum width of the select box
// vertical (string, default 'scroll') - 'scroll' adds a scroll bar if the number of options is greater than the rows parameter
//                                       'expand' ignores the rows parameter and expands to show all rows
// horizontal (string, default 'hide') - 'scroll' adds a scroll bar if the width of any items is wider than listWidth
//                                       'expand' expands the width to the width of the longest item
//                                       'hide' clips the horizontal display if items are longer than the listWidth
// dblclick (boolean, default true) - true enables quick selection of items with a double click
//									  false disables double clicks	
// clickSelects (boolean, default false) - true enables quick selection of items using a single click
//										- false disables single click selection
// clickAccumulate (boolean, default false) - true: a click on a new option will not unfocus previously focused ones
//												false: clicking on a new item unfocuses all previously focused items
// 
//  select_txt, remove_txt, selectAll_txt, removeAll_txt (string) - set the text to appear on the buttons
//  eg $('select').crossSelect({horizontal:'expand', font: '17', rows: '20'});
//  NEW IN VERSION 0.5 
//  - Can select many at one time using the clicks accumulate setting
//  - Multilingual - text on buttons can be set


// ----------------------------------------------------------------------------
(function($) { 
	$.fn.crossSelect = function(options) {
		var pars = $.extend({}, jQuery.fn.crossSelect.defaults, options);
		var select, context, longestOpt, dimensions = new Array(), optionsList, chosenList, buttons;
		
		return this.each(function() {
			if($(this).attr('multiple') === true)
			{	
				select = $(this).hide().wrap('<div class="jqxs"></div>');
				context = $(select).parent();
				getLongestOpt();
				setDimensions();
				populateLists();
				createCrossSelecter();
				addListeners();
			}
		});
		
		function createCrossSelecter() {		
			buttons = '<div class="jqxs_buttons">';
			if(!pars.clickSelects)
			{
				buttons+= '<input type="button" value="'+pars.select_txt+'" class="jqxs_selectButton" disabled="disabled"></input><input type="button" value="'+pars.remove_txt+'" class="jqxs_removeButton" disabled="disabled"></input>';
			}
			buttons +='<input type="button" value="'+pars.selectAll_txt+'" class="jqxs_selectAllButton"';
			if ($('option:not([selected=true])',select).size() === 0)
			{
				buttons+=' disabled="disabled"';
			}		
			buttons+='></input><input type="button" value="'+pars.removeAll_txt+'" class="jqxs_removeAllButton"';
			var test = $('option',select);
			if ($('option[selected=true]',select).size() === 0)
			{
				buttons+=' disabled="disabled"';
			}		
			buttons+='></input></div>'
			$(context).append(optionsList + buttons + chosenList +'<div style="clear:left;"></div>');
			$('ul', context).css({height: dimensions['height'],width:dimensions['width']});
			if (pars.horizontal === 'hide')
			{
				$('ul', context).css({'overflow-x': 'hidden'});
			}
		}
		
		function setDimensions() {	
			switch (pars.vertical)
			{
				case 'expand':
					dimensions['height'] = $(select).children('option').size() * (pars.font *1.25);
					break;
				case 'scroll':
					dimensions['height'] = (pars.font *1.25) * Math.min($(select).children('option').size(),pars.rows);
					break;
			}
			switch (pars.horizontal)
			{
				case 'expand':
					dimensions['width'] = Math.max(longestOpt + 10, pars.listWidth);
					break;
				case 'scroll':
					dimensions['width'] = pars.listWidth;
					if(longestOpt > pars.listWidth){dimensions['height'] = dimensions['height'] + 24;}
					break;
				case 'hide':
					dimensions['width'] = pars.listWidth; // remember to set overflow-x hidden
					break;
			}
		}
			
		function populateLists() {
			var optOrder = 0;
			optionsList ='<ul class="jqxs_optionsList">';
			chosenList='<ul class="jqxs_chosenList">';
			var newItem;
			$(select).children('option').each(function() {		
				newItem = ''; 
				($(this).attr('selected') === true)? newItem += '<li class="jqxs_selected"' : newItem+='<li';
				newItem += ' style="line-height: '+(pars.font *1.25)+'px; height:'+pars.font *1.25+'px;font-size: '+pars.font+'px;width:'+longestOpt+'px">'
				newItem+= $(this).text() + '<span>' + optOrder +'</span></li>';
				optionsList += newItem;
				if($(this).attr('selected') === true)
				{
					chosenList += newItem;
				}
				optOrder++;
			});
			chosenList +='</ul>';
			optionsList +='</ul>';
		}
		
		function getLongestOpt() {
				var text = "";
				$('option',select).each(function() {
					text+= $(this).text() +"<br />";
				});
				$(context).append('<span class="jqxs_ruler" style="font-size:'+pars.font+'px">'+text+'</span>');
				longestOpt = $('span', context).width();
				$('span', context).remove();
		}
		
		function addListeners() {
			var thisSelect = select;
			var thisOptions = $('.jqxs_optionsList', context);
			var thisChosen = $('.jqxs_chosenList', context);
			var thisSelBut = $('.jqxs_selectButton', context);
			var thisRemBut = $('.jqxs_removeButton', context);
			var thisSelAllBut = $('.jqxs_selectAllButton', context);
			var thisRemAllBut = $('.jqxs_removeAllButton', context);
			if(pars.clickSelects)
			{
				$('li', thisOptions).click(selectNow);
				$('li', thisChosen).click(removeNow);
			} else {
				$('li', context).click(itemFocus);
				$(thisSelBut).click(selectMany);
				$(thisRemBut).click(removeMany);
			}
			if(pars.dblclick)
			{
				$('li', thisOptions).dblclick(selectNow);
				$('li', thisChosen).dblclick(removeNow);
			}
			$(thisSelAllBut).click(selectAll);
			$(thisRemAllBut).click(removeAll);
			
			function itemFocus() {
				if($(this).hasClass('jqxs_focused'))
				{
					$(this).removeClass('jqxs_focused');				
					if($(this).parent().children('.jqxs_focused').length === 0)
					{
						disable(thisSelBut);
						disable(thisRemBut);
					}
					return;
				}
				if(!pars.clicksAccumulate)
				{
					$('li',thisOptions).removeClass('jqxs_focused');
					$('li',thisChosen).removeClass('jqxs_focused');
				} else {
					if($(this).parent().hasClass('jqxs_optionsList'))
					{
						$('li',thisChosen).removeClass('jqxs_focused');
					} else {
						$('li',thisOptions).removeClass('jqxs_focused');
					}
				}
				$(this).addClass('jqxs_focused');
				if ($(this).parent().hasClass('jqxs_optionsList')){
					enable(thisSelBut);
					disable(thisRemBut);
				}else{
					enable(thisRemBut);
					disable(thisSelBut);
				}
			}
			
			function selectOne() {			
				var position = $('span',this).text();
				var option = $(thisSelect).children('option')[position];
				if($(option).attr('selected') === false)
				{
					$(option).attr('selected','selected');
					$(this).removeClass('jqxs_focused');
					if(pars.clickSelects)
					{
						$(this).clone().appendTo(thisChosen).click(removeNow)
					} else {
						if(pars.dblclick) 
						{
							$(this).clone().appendTo(thisChosen).click(itemFocus).dblclick(removeNow);
						} else {
							$(this).clone().appendTo(thisChosen).click(itemFocus);
						}
					}
					$(this).addClass('jqxs_selected');
				}
			}
			
			function removeOne() {
				var position = $('span',this).text();
				var option = $(thisSelect).children('option')[position];
				if($(option).attr('selected') === true)
				{
					$(option).attr('selected','');
					$($(thisOptions).children('li')[position]).removeClass('jqxs_selected');
					$(this).remove();
				}
			}
			
			function selectNow() {
				$(this).each(selectOne);
				adjustButtons('sel');
			}
			
			function removeNow() {
				$(this).each(removeOne);
				adjustButtons('rem');
			}
			
			function selectMany() {
				$('.jqxs_focused',thisOptions).each(selectOne);
				adjustButtons('sel');
			}
			
			function removeMany() {
				$('.jqxs_focused',thisChosen).each(removeOne);
				adjustButtons('rem');
			}
			
			function selectAll(){
				$('li',thisOptions).each(selectOne);
				disable(thisRemBut);
				adjustButtons('sel');
			}
			
			function removeAll(){
				$('li',thisChosen).each(removeOne);
				disable(thisSelBut);
				adjustButtons('rem');
			}
			function adjustButtons(action) {
				switch(action)
				{
					case 'sel':
						disable(thisSelBut);
						enable(thisRemAllBut);
						if($('li:not(.jqxs_selected)',thisOptions).size() === 0 ) {disable(thisSelAllBut);}
						break;
					case 'rem':
						disable(thisRemBut);
						enable(thisSelAllBut);
						if($('li',thisChosen).size() === 0 ) {disable(thisRemAllBut);}
						break;
				}
			}
		}
		
		function enable(button){
			$(button).addClass('jqxs_active').attr('disabled', '');
		}
		
		function disable(button){
			$(button).removeClass('jqxs_active').attr('disabled', 'disabled');
		}	
	};
})(jQuery);
jQuery.fn.crossSelect.defaults = {
	vertical: 'scroll',
	horizontal: 'hide',
	listWidth: 150,
	font: 12,
	rows: 8,
	dblclick: true,
	clickSelects: false,
	clicksAccumulate: false,
	select_txt: 'Vælg',
	remove_txt: 'Fjern',
	selectAll_txt: 'Vælg alle',
	removeAll_txt: 'Fjern alle'
};