
(function($) {
	"use strict";

	   // Time Picker
	   $('#tpBasic').timepicker();
	   $('#tp2').timepicker({'scrollDefault': 'now'});
	   $('#tp3').timepicker();

	   $('#setTimeButton').on('click', function (){
		 $('#tp3').timepicker('setTime', new Date());
	   });
		
		//Colorpicker
		$('.my-colorpicker1').colorpicker()
		
		//color picker with addon
		$('.my-colorpicker2').colorpicker()
		
		//Timepicker
		$('.timepicker').timepicker({
			showInputs: false
		})
		
		
		
		//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 });
		$('.select3').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: 'Courses',
			selected_header: 'Favorite Courses'
		});
		
		var select = document.getElementById('fruit_select1');
		multi(select, {
			enable_search: true
		} );
		
		//fancyfileuplod
		$('#demo').FancyFileUpload({
		params : {
			 action : 'fileuploader'
			},
			maxfilesize : 1000000
		});

		
})(jQuery);