(function($) {
	"use strict";
	
		//muti
		window.asd = $('.SlectBox').SumoSelect({ csvDispCount: 3, selectAll:true, captionFormatAllSelected: "Yeah, OK, so everything." });
        window.Search = $('.search-box').SumoSelect({ csvDispCount: 3, search: true, searchText:'Enter here.' });
		window.sb = $('.SlectBox-grp-src').SumoSelect({ csvDispCount: 3, search: true, searchText:'Enter here.', selectAll:true });
		$('.testselect1').SumoSelect();
		$('.testselect2').SumoSelect();
		$('.select1').SumoSelect({ okCancelInMulti: true, selectAll: true });
		$('.select2').SumoSelect({ selectAll: true });
		$('.search_test').SumoSelect({search: true, searchText: 'Enter here.'});
		
		
		//transfer
		var languages = [
			{
				"language": "jQuery",
				"value": 122
			},
			{
				"language": "AngularJS",
				"value": 132
			},
			{
				"language": "ReactJS",
				"value": 422
			},
			{
				"language": "VueJS",
				"value": 232
			},
			{
				"language": "JavaScript",
				"value": 765
			},
			{
				"language": "Java",
				"value": 876
			},
			{
				"language": "Python",
				"value": 453
			},
			{
				"language": "TypeScript",
				"value": 125
			},
			{
				"language": "PHP",
				"value": 633
			},
			{
				"language": "Ruby on Rails",
				"value": 832
			}
		];

		var groupData = [
			{
				"groupName": "JavaScript",
				"groupData": [
					{
						"language": "jQuery",
						"value": 122
					},
					{
						"language": "AngularJS",
						"value": 643
					},
					{
						"language": "ReactJS",
						"value": 422
					},
					{
						"language": "VueJS",
						"value": 622
					}
				]
			},
			{
				"groupName": "Popular",
				"groupData": [
					{
						"language": "JavaScript",
						"value": 132
					},
					{
						"language": "Java",
						"value": 112
					},
					{
						"language": "Python",
						"value": 124
					},
					{
						"language": "TypeScript",
						"value": 121
					},
					{
						"language": "PHP",
						"value": 432
					},
					{
						"language": "Ruby on Rails",
						"value": 421
					}
				]
			}
		];

		var settings = {
			"inputId": "languageInput",
			"data": languages,
			"groupData": groupData,
			"itemName": "language",
			"groupItemName": "groupName",
			"groupListName" : "groupData",
			"container": "transfer",
			"valueName": "value",
			"callable" : function (data, names) {
				console.log("Selected ID：" + data)
				$("#selectedItemSpan").text(names)
			}
		};
		Transfer.transfer(settings);
		
		//select box
		var select = document.getElementById('fruit_select');
		multi(select, {
			non_selected_header: 'Fruits',
			selected_header: 'Favorite fruits'
		});
		
		var select = document.getElementById('fruit_select1');
		multi(select, {
			enable_search: true
		} );
		
})(jQuery);