/* UPDRAFTELM */
//2024 dates
currDate = new Date("2023/12/25");			// Monday - Last week of the current year
startTime = new Date("2024/01/1 08:00");	// Monday - With week in the next year (Check the start/end dates in the UPTMTBL query)
endTime = new Date("2024/01/6 19:00");		// Saturday - First full week of the year
workEnd = new Date("2024/01/6 18:00");		// Saturday - First full week of the year
extendEnd = new Date("2024/01/6 21:00");	// Saturday - First full week of the year
p_year='2024';

var selectunits = "";
if(getUrlVars()["selectunits"]) { //getUrlVars is in UPTMTBLSCR
	selectunits=getUrlVars()["selectunits"]; }
	
$("#splittery div:first").hide();

//Set text for draft notice
$("#draftntce").html("<strong>2024 Timetable </strong><br><br>\
<b>Please note:</b> Timetable changes may take up to an hour to display after update.<br><strong>This is a draft timetable and is subject to change.</strong>");

//Service unavailable message to display on main page if there's a technical issue
var tmtbldwn = "<div class='alert alert-danger' style='margin:10px;'>The draft timetable is currently unavailable due to technical issues. We are currently working on the problem and expect the site to be working again soon. We apologise for any inconvenience caused.</div>";
//Uncomment the line below to display the unavailable message
//$("#ttsearch").find("div.panel-body").before(tmtbldwn);

//Draft unavailable message if sysdate not in date range in TMTBL_DRFT notice (SSFF5000)
var draftunavail = "<div class='alert alert-warning' style='text-align:center;'>The draft timetable is currently unavailable while changes are being made. Please check the <a href='https://www.timetable.uwa.edu.au/staff'>staff timetable site</a> for availability.</div>";
var draftAvailable='Y'
var draftAvailDatasource = new kendo.data.DataSource({
	transport: {
		read: {
			url: "https://applicant.sims.uwa.edu.au/connect/webconnect?pagecd=UPTMTBL&dataname=|p_mode|p_draft_ind&datavalue=|DRAFT|Y",
			dataType: "jsonp"
		}
	}
});
draftAvailDatasource.fetch(function(){
	var data = draftAvailDatasource.data();
	draftAvailable = data[0].draft_avail;
	if (draftAvailable == 'N'){
		$("#draftntce").after(draftunavail);
		$("#ttwhole").hide();
		$('#unitsrch').attr("disabled", true);
	}
});
	
var refreshdt = 'N';
var noacthtml = '<div class="alert alert-info" id="noacterr" style="margin:10px;display:none;">No activities have been scheduled for your unit selection.</div>';
$("#splittery").before(noacthtml);
noacthtml = ' <button class="k-button" id="checkall" style="display:none;margin-top:3px;">Check All</button>';
$("#showtt").after(noacthtml);

//defines colour of activity types as they appear in Calendar view, and the activity type filter
//any new activity types must be defined in this list
var activities = [
			{actCode:"Lect",		activityDesc:"Lecture", 			key:"#0038A8"}, //blue
			{actCode:"Tut", 		activityDesc:"Tutorial", 			key:"#E8112D"}, //red
			{actCode:"Lab", 		activityDesc:"Laboratory", 			key:"#009EA0"},	//green
			{actCode:"Prac",		activityDesc:"Practical",			key:"#AA72BF"}, //purple	
			{actCode:"PracClas",	activityDesc:"Practical Class",		key:"#632D00"}, //brown		
			{actCode:"Sem", 		activityDesc:"Seminar",				key:"#F74902"}, //orange
			{actCode:"Film", 		activityDesc:"Film",				key:"#3A75C4"}, //blue
			{actCode:"Wshp", 		activityDesc:"Workshop",			key:"#F98972"}, //orange
			{actCode:"Fwk", 		activityDesc:"Field Work",			key:"#BA7CBC"}, //purple
			{actCode:"Stu", 		activityDesc:"Studio",				key:"#93DDDB"}, //green
			{actCode:"Ltut", 		activityDesc:"Lecture_Tutorial",	key:"#FC5E72"}, //red
			{actCode:"Con", 		activityDesc:"Conversation",		key:"#75AADB"}, //blue
			{actCode:"SmGp", 		activityDesc:"Small Group",			key:"#F9BAAA"}, //orange
			{actCode:"LangClas", 	activityDesc:"Language Class",		key:"#C687D1"}, //purple
			{actCode:"Clinic", 		activityDesc:"Clinic",				key:"#93DDDB"},	//green
			{actCode:"LangSem", 	activityDesc:"Language Seminar",	key:"#FC8C99"}, //red
			{actCode:"Maint", 		activityDesc:"Maintenance",			key:"#9BC4E2"}, //blue
			{actCode:"Ensemble", 	activityDesc:"Ensemble",			key:"#D3A5C9"}, //purple
			{actCode:"Exam", 		activityDesc:"Examination",			key:"#C9E8DD"}, //green
			{actCode:"Oth", 		activityDesc:"Other",				key:"#F9BFC1"}, //red
			{actCode:"Ass", 		activityDesc:"Assessment",			key:"#3A75C4"}, //blue
			{actCode:"Tch", 		activityDesc:"Teaching",			key:"#F9BAAA"}, //orange
			{actCode:"Tst", 		activityDesc:"Test",				key:"#9BC4E2"}, //blue
			{actCode:"InfoSess", 	activityDesc:"Information Session",	key:"#FFCCCC"}, //red
			{actCode:"PLab", 		activityDesc:"PostLab",				key:"#CCFFCC"}, //green
			{actCode:"Present", 	activityDesc:"Presentation",		key:"#E6C3DE"} //purple
];

var activityTypes = new kendo.data.DataSource({ data: activities });

//Datasource setup for the Timetable List View
var actLst = new kendo.data.DataSource({ 
	transport: {
		read: {
			url: "https://applicant.sims.uwa.edu.au/connect/webconnect?pagecd=UPTMTBL",
			dataType: "jsonp"
		}
	},
	filter : { field: "venue", operator: "neq", value : "venue" },
	sort: [
		{ field: "startTime", dir: "asc" },
		{ field: "day", dir: "asc" },
		{ field: "wks", dir: "desc" }
	]
});

//Datasource setup for the Timetable Calendar View
var actGrid = new kendo.data.SchedulerDataSource({ 
	transport: {
		read: {
			url: "https://applicant.sims.uwa.edu.au/connect/webconnect?pagecd=UPTMTBL",
			dataType: "jsonp"
		}
	},
	schema: {
		model: {
			//id: 1,
			fields: {
				title: { from: "actUoo" },
				start: { type: "date", from: "startTime" },
				end: { type: "date", from: "endTime" },
				venue: { from: "venue" },
				classType: { from: "actType" },
				recurrenceRule: {from: "recRule" }
			}
		}
	},
	requestEnd: function(e){
		var unitData = e.response;
		//console.log(unitData.length);
		if(selectunits!="" && unitData) {
			var uooArr=new Array();
			//var unitData = unitList.data();
			for(i=1;i<unitData.length;i++) {
				if(uooArr.indexOf(unitData[i].actUoo) < 0) {
					selLst.add({ unitDisp: unitData[i].actUoo, unitTitle: unitData[i].unitTitle, uooId: unitData[i].uooId });
					uooArr.push(unitData[i].actUoo);
				}
			}
			//$("#showtt").prop('disabled',false);
			$("#untsrch").hide();
			$("#showtt").click();
		}
	}
});

//Setup datasources for the Teaching Period, Faculty and Unit lists if selectunits parameter is null
if(selectunits=="") {
	var teachingPeriods = new kendo.data.DataSource({
		transport: {
			read: {
				url: "https://applicant.sims.uwa.edu.au/connect/webconnect?pagecd=UPTMTBL&dataname=|p_mode|p_draft_ind&datavalue=|TPRD|Y",
				dataType: "jsonp"
			}
		}
	});
	
	var unitOwners = new kendo.data.DataSource({
		transport: {
			read: {
				url: "https://applicant.sims.uwa.edu.au/connect/webconnect?pagecd=UPTMTBL&dataname=|p_mode|p_draft_ind&datavalue=|FAC|Y",
				dataType: "jsonp"
			}
		}
	});

	var unitList = new kendo.data.DataSource({
		transport: {
			read: {
				url: "https://applicant.sims.uwa.edu.au/connect/webconnect?pagecd=UPTMTBL&dataname=|p_mode|p_draft_ind&datavalue=|UNIT|Y",
				dataType: "jsonp"
			}
		}
	});

	unitList.fetch();
}
else {
	actLst.read({ dataname: "|p_mode|p_ret|p_draft_ind|p_uoos", datavalue: "|UNIT|DTL|Y|"+selectunits });	 
	actGrid.read({ dataname: "|p_mode|p_ret|p_draft_ind|p_uoos", datavalue: "|UNIT|GRD|Y|"+selectunits });
}

var refreshControls = 'N';
var refreshWkBx = 'N';
var navigateInit='N';

//Initiate unit search if enter key pressed in unit code box
$("#unit-search").keyup(function(event){
    if(event.keyCode == 13){
        $("#unitsrch").click();
    }
});

//Initiate Timetable List View
$("#ttlist").kendoGrid({
	selectable: "multiple row",
	allowCopy: true,
	//toolbar: "<input type='checkbox' class='selall'> Select All"+["excel"],
	toolbar: [ 
		{ name: "excel" }, //Excel export button
		{ template: "<input type='checkbox' class='selall'> Select All" } //Select all checkbox
	],
	excel: {
		allPages:true,
		fileName:"Timetable_list_export.xlsx"
	},
	columns: [
		{ field: "unitTitle", title: "Unit",
			template: kendo.template("<a href='https://handbooks.uwa.edu.au/unitdetails?code=#= kendo.toString(actUoo.substr(0,8))#' target='_blank'>#= kendo.toString(actUoo.substr(0,8))#</a>\
			#if(actUoo.substr(9,2).indexOf('WK')==0) {#\
			(#= kendo.toString(actUoo.substr(9,7))#) \
			#}else{# \
			(#= kendo.toString(actUoo.substr(9,5))#) \
			#}#"),
			groupHeaderTemplate: "Unit: #= value # <input type='checkbox' class='grpsel'> Select Group" ,
			width: "120px"
		},
		{ field: "actType", title: "Activity", width: "80px", aggregates: ["count"],
			groupHeaderTemplate: "Activity: #= value # (#= count#) <input type='checkbox' class='grpsel'> Select Group" },
		{ field: "othdtl", title: "Other Detail", width: "150px", groupable:false },
		{ field: "day", title: "Day", width: "80px", sortable: { compare: function(a,b) { return days[a.day] - days[b.day]; } } },
		{ field: "sttoend", title: "Time", width: "80px", groupable:false },
		{ field: "venue", title: "Venue", width: "100px", template: "#= kendo.toString(venue.substring(0,venue.indexOf(']')+1))#",
		groupHeaderTemplate: "Venue: #= value # <input type='checkbox' class='grpsel'> Select Group" },
		{ field: "wks", title: "Weeks" , width: "100px", template:kendo.template($("#wkval-template").html()), groupable:false}
	],
	excelExport: function(e) {
		var sheet = e.workbook.sheets[0];
		var template = kendo.template(this.columns[6].template);
		var grouped='N';
		if(this.columns.length<sheet.rows[0].cells.length) {
			grouped='Y';
			sheet.rows[0].cells.splice(0,1);			}
		for (var i = 1; i < sheet.rows.length; i++) {
			var row = sheet.rows[i];
			if(grouped=='Y') {
				sheet.rows[i].cells.splice(0,1); }
			if(row.cells[6]) {
				var dataItem = {
					wks: row.cells[6].value
				};
				row.cells[6].value = template(dataItem);
			}
			else { 
				sheet.rows.splice(i,1); 
				i--;
			}
		}
	},
	dataBound: function() { //executed after data fetch complete
		var grid = $("#ttlist").data("kendoGrid");
		var schedulerdat = grid.dataSource.view();
		if(refreshdt=='Y') {
			if(grid.dataSource.view().length==0) {
				$("#noacterr").show();
				$("#splittery").hide();
				$("#venlst").hide(); }
			refreshdt='N'; }
		$(".grpsel").on("change", function(e) {
			var grid = $("#ttlist").data("kendoGrid");
			var currentGroupRow = $(this).closest(".k-grouping-row");
			// Select the items in the current group
			if(this.checked) {
				$("#ttlist").focus();
				grid.select(currentGroupRow.nextUntil(".k-grouping-row", ":not('.k-group-footer')"));
				}
			else {
				grid.clearSelection(); }
		});
		$(".selall").on("change", function(e) {
			var grid = $("#ttlist").data("kendoGrid");
			//var currentGroupRow = $(this).closest(".k-grouping-row");
			// Select the items in the current group
			if(this.checked) {
				grid.select(grid.tbody.find(">tr"));
				this.blur();				
				}
			else {
				grid.clearSelection(); }
		});
		var actArr = new Array;
		var venArr = new Array;
		var extview = 'N';
		easter='N';
		var k=0;
		for(j=0;j<schedulerdat.length;j++) {
			//default to appropriate Calendar view if activities extend after business hours
			if(schedulerdat[j].endTime) {
				if(schedulerdat[j].day=='Saturday' || schedulerdat[j].day=='Sunday' || schedulerdat[j].endTime.substr(schedulerdat[j].endTime.indexOf(" ")+1,2) > 18) {
					extview='Y'; }
				/*if((schedulerdat[j].day=='Monday' && schedulerdat[j].wknos.indexOf('13') > -1) || (schedulerdat[j].day=='Friday' && schedulerdat[j].wknos.indexOf('12') > -1)) {
					easter='Y';	} */ } 
			actArr[j] = schedulerdat[j].actType;
			if(venArr.indexOf(schedulerdat[j].venue)<0) {
				venArr[k] = schedulerdat[j].venue;
				k++;
			}
		}
		var scheduler = $("#scheduler").data("kendoScheduler");
		if(scheduler.viewName()!='day' || refreshWkBx=='Y') {		
			if(extview=='Y') {
				scheduler.view("SchedulerWeekView");
			}
			else { scheduler.view("SchedulerwWeekView"); } 
		create_draft_day_switch(extview); }
		else { scheduler.view("day"); }
		venArr.sort();
		//Populate venue list
		if(venArr.length==0) {
			$("#venueLst").empty();
			$("#venueLst").append("<div>No venues returned</div>");
		}
		
		if(venArr[0]) {
			$("#venueLst").empty();
			for(i=0;i<venArr.length;i++){
				$("#venueLst").append("<div>"+venArr[i]+"</div>");
			}
		}
		//Redraw activity controls if new search has been performed
		if(refreshControls=='Y' && grid.dataSource.view().length > 0) {		
			$("#actvts").empty();
			activityTypes.fetch(function() {
				var data = this.data();
				$("#actvts").append("<li id='selectacts' class='k-button'>Select All</li>");
				$("#actvts").append("<li id='clearacts' class='k-button'>Clear All</li>");
				for(i=0;i<data.length;i++) {
					if($.inArray(data[i].activityDesc,actArr) > -1) {
						var bgcol = kendo.parseColor(data[i].key);
						if(bgcol.diff(kendo.parseColor("#000000")) > 120) {
							var textcol = "#000000"; }
						else { var textcol = "#ffffff"; }
						$("#actvts").append("<li class='k-button' style='background:"+data[i].key+" !important;color:"+textcol+" !important'><input type='checkbox' checked value='"+data[i].activityDesc+"'> "+data[i].activityDesc+"</li>");
					}
				}
			});
			
			$("#classtype-list :checkbox").change(function(e) {
			  filtAct();
			});
			
			$("#selectacts").click(function() {
				$("#actvts").find(":checkbox").prop('checked', true);
				filtAct();
			});

			$("#clearacts").click(function() {
				$("#actvts").find(":checkbox").prop('checked', false);
				filtAct();
			});
		}
	},
	sortable: true,
	dataSource: actLst,
	groupable: true
});
kendo.culture().calendar.firstDay = 1; //Set week start day to Monday
//Custom week view
var SchedulerWeekView = kendo.ui.WeekView.extend({
	dateForTitle: function() {
		return "Week " + kendo.recurrence.weekInYear(this.startDate(), this.calendarInfo().firstDay);
	}
});
//Custom work week view
var SchedulerwWeekView = kendo.ui.WorkWeekView.extend({
	dateForTitle: function() {
		return kendo.toString(this.startDate(), 'dd/MM/yyyy') + " - " + kendo.toString(this.endDate(), 'dd/MM/yyyy') + " (Week " + kendo.recurrence.weekInYear(this.startDate(), this.calendarInfo().firstDay)+")";
	}
});
var window_width = $(window).width()
//Initiate activity calendar view
$("#scheduler").kendoScheduler({
	  date: currDate, // The current date of the scheduler
	  startTime: startTime, //can also be defined at the view level
	  endTime: endTime, //can also be defined at the view level
	  workDayEnd: workEnd, //teaching hours end at 6pm
	  //timezone: "Australia/Perth", //this seems to make it hang for some reason?
	  dateHeaderTemplate: kendo.template("<strong>#if(window_width > 800){#\
										#=kendo.toString(date, 'dddd')#\
										#}else{#\
										#=kendo.toString(date, 'ddd')#\
										#}#</strong>"),
	  allDaySlot: false,
	  currentTimeMarker: false,
	  editable: false,
	  //eventTemplate: $("#event-template").html(),
	  eventTemplate: eventTemplate,
	  views: [
		{ type: "SchedulerwWeekView",  title: "Week", selected:true // workWeek selected by default
			}, 
		"day", 
		{ type: "SchedulerWeekView", title: "Extended", endTime: extendEnd	},
	  ], //views available
	  messages: {
		views: {
			workWeek: "Week"
		}
	  },
	  resources: [
		{
			field: "classType",
			dataValueField: "activityDesc",
			dataTextField: "activityDesc",
			title: "Class Type",
			dataColorField: "key",
			dataSource: activityTypes
		}
	  ],
	  dataSource: actGrid,
	  dataBinding: function(e) {
		if(refreshWkBx=='Y') {
			wklstArr = ["All weeks"];
			$("#eastererr").hide();	}
		/* var wkbox = $("#weeklst").data("kendoComboBox");
		if(wkbox) {
			wkbox.destroy(); } */
	  },
	  dataBound : function (e) {
		$('.k-event').each(function () {			
			$(this).popover({
				content : $(this).find(".popup-content").html(),
				title : $(this).find(".popup-title").html(),
				delay : {
					show : 500,
					hide : 200
				},
				trigger : "hover click",
				html : true,
				placement : "auto",
				container : "body"
			})

			//on show, remove other popover
			$(this).on('show.bs.popover', function (e) {
				$(".popover").remove();
			})

			$(this).on('shown.bs.popover', function (e) {
				$(".popover-title a").click(function(){
					$(".popover").remove();
				})
			})

			//prevent hiding popover, wait until mouse out
			$(this).on('hide.bs.popover', function (e) {
				//e.preventDefault(); //this is preventing the popup from displaying multiple times?
				$(".popover").mouseleave(function(){
					$(this).fadeOut("fast",function(){
						$(this).remove()
					})
				})
			})
			
			//if user left click anywhere, remove the popover box
			$(document).click(function(e) { 
				if (e.button == 0) {
					$(".popover").remove();
				}
			})
		});		
		//Add Easter option to Week List array if activities exist during Easter break
		if(easter=='Y' && wklstArr.indexOf('Easter') < 0) {
			wklstArr.splice(1,0,'Easter');
			$("#eastererr").show(); }
		$("#weeklst").kendoComboBox({
		  dataSource: wklstArr,
		  placeholder: "Jump to week...",
		  animation: {
		   close: {
			 //effects: "zoom:out",
			 duration: 300
		   }
		  },
		  template: '<span>#= kendo.toString(get_draft_week_ranges(data,"option"))#</span>',
		  change: function(e) {
			refreshWkBx='N';
			if(this.value().length > 2) {
				var value=0;
				 $("#weekval").html(this.value()); }
			else {
				var value = (this.value())*7;
				$("#weekval").html("Week "+this.value()); }
			var date = currDate;
			$("#buttprev").data("kendoButton").enable(true);
			$("#buttnext").data("kendoButton").enable(true);
			if(this.select()==0) {
				$("#buttprev").data("kendoButton").enable(false);
			}
			if(this.select()==this.items().length-1){
				$("#buttnext").data("kendoButton").enable(false);
			}
			$("#weekDesc").html(get_draft_week_ranges(this.value(),"label"));
			filtAct();
		  },
		  index: 0
		});
		if(navigateInit=='Y') {
			easterShading($("#weeklst").data("kendoComboBox").value());
			navigateInit='N'; }
	},
	  toolbar: ["pdf"],
	  pdf: {
		fileName: "Timetable_calendar_export.pdf",
		landscape: true
		},
	  navigate: function (e) {
			if(e.action == "changeView") {
				if(e.view=="day"){
					var day = kendo.toString(e.date, 'dddd');
					$("a.switch-date[href=#"+day+"]").addClass("active") }
				navigateInit='Y';
			}
			//console.log(kendo.recurrence.weekInYear(e.date, new Date("2016/01/5")));
		},
	  footer: {
		command: false
	  }
});

var thisWeek;

function chngWk(change) {
	var wkbox = $("#weeklst").data("kendoComboBox");
	var oldSel = wkbox.select();
	if(wkbox.select()==0 && $("#weekDesc").html()!="") {
		var wklstNew = wklstArr.slice();
		wklstNew.push(thisWeek);
		wklstNew.sort(function(a,b){return a-b});
		oldSel=wklstNew.indexOf(thisWeek);
		if(change>0) {
			change=0; }
	}
	var newSel = oldSel+change;
	if(newSel < 0) {
		newSel=0; }
	wkbox.select(newSel);
	wkbox.trigger("change");
}

$("#buttprev").kendoButton({
    icon: "arrow-w",
	enable: false,
	click:  function(e) {
		chngWk(-1);
	}
});

$("#buttnext").kendoButton({
    icon: "arrow-e",
	click:  function(e) {
		chngWk(1);
	}
});

$("#buttfirst").kendoButton({
    click:  function(e) {
		chngWk(-100);
	}
});

$("#buttcurrent").kendoButton({
    click:  function(e) {
		thisWeek = getCurrWk();
		var wkbox = $("#weeklst").data("kendoComboBox");
		if(wklstArr.indexOf(thisWeek) > -1) {
			wkbox.select(wklstArr.indexOf(thisWeek));
		}
		else {
			wklstNew = thisWeek;
			wkbox.value(thisWeek);
		}
		wkbox.trigger("change");
	}
});

var scheduler = $("#scheduler").data("kendoScheduler");

/* Hides header and footer
var scheduler = $("#scheduler").data("kendoScheduler");
scheduler.wrapper.children("div").hide(); */
$("#splitter").kendoSplitter({
	orientation: "vertical",
	panes: [ 
		{ collapsible: true }, 
		{ size: "500px" },
		{} 
	]
});

$("#checkall").click(function(e) {
	$("#unitLst input:checkbox:visible").click();
	$("#checkall").hide();
});

$("#showtt").click(function(e) {
	refreshControls = 'Y';
	var wkbox = $("#weeklst").data("kendoComboBox");
		if(wkbox) {
			wkbox.select(0);
			wkbox.trigger("change"); }
	$("#selsrch").hide();
	$("#ttsearch").hide();
	$("#noacterr").hide();
	$("#splittery").show();
	$("#seldisp").show();
	$("#venlst").show();
	$("#selUnit").kendoListView({
		dataSource: selLst,
		template: kendo.template($("#useltemp").html())
	});
	if(selectunits=="") {	
		var uoos = $.map($("#unitSel :checked"), function(checkbox) {
			return $(checkbox).attr("name");
		  }); }
	  
	refreshWkBx='Y';
	  var scheduler = $("#scheduler").data("kendoScheduler");
	  var grid = $("#ttlist").data("kendoGrid");
	 if(selectunits=="") {
	 actLst.read({ dataname: "|p_mode|p_ret|p_uoos", datavalue: "|DRAFT|DTL|"+uoos });	 
	 actGrid.read({ dataname: "|p_mode|p_ret|p_uoos", datavalue: "|DRAFT|GRD|"+uoos });
	 }
	 
	  scheduler.dataSource.filter({});
	  grid.dataSource.filter({field: "venue", operator: "neq", value : "venue"});
	  actLst.fetch();
	  //grid.refresh();
	$("#ttdisp").show();
	refreshdt='Y';
	//scheduler.refresh();
	
	//$("#navhere").append($(".k-scheduler-navigation"));
	
});

//Hide timetable view elements when Unit Search button clicked
$("#untsrch").click(function(e) {
	$("#seldisp").hide();
	$("#ttdisp").hide();
	$("#venlst").hide();
	$("#selsrch").show();
	$("#ttsearch").show();
});
//This isn't used, but keeping it here in case it's needed
$("#activity").kendoMultiSelect({
	dataTextField: "activityDesc",
	dataValueField: "actCode",
	dataSource: activityTypes,
	itemTemplate: '<span style="background-color:#: key #">#: activityDesc #</span>',
	tagTemplate: '<span style="background-color:#: key #">#: activityDesc #</span>',
	value: activities
});

$("#select").click(function() {
	var actlst = $("#activity").data("kendoMultiSelect");
	actlst.value(activities);
});

//Initiate teaching period list
$("#teachPerdLst").kendoListView({
	dataSource: teachingPeriods,
	template: "<div>#:tpDesc#</div>",
	selectable: "multiple"
});

/*
 Remove the Summer from the Teaching Period list
*/ 
var listTeachingPeriods = $("#teachPerdLst").data("kendoListView");
listTeachingPeriods.dataSource.fetch(function() {
	var view = listTeachingPeriods.dataSource.view();
	var size = listTeachingPeriods.dataSource.view().length;
	for ( i=0; i<size; i++ ){
		var item = view[i];
		if (item.tpCode == 'AS-SUMM'){
			// Summer - remove from the list
			listTeachingPeriods.dataSource.remove(item);
		}
	}
});

//Initiate campus/location list (NB:hardcoded data)
$("#campusLst").kendoListView({
	dataSource: {
		data: [
			{ campusDesc: "All" },
			{ campusDesc: "Albany" },
			{ campusDesc: "Crawley" }
		]
	},
	template: "<div>#:campusDesc#</div>",
	selectable: "multiple"
});

//Initiate faculty list
$("#facLst").kendoListView({
	dataSource: unitOwners,
	template: "<div>#:facDesc#</div>",
	selectable: "multiple"
});

//Called from the Search button
$("#unitsrch").click(function() {
	$("#checkall").hide();
	var searchval = $("#unit-search").val();
	var facs = $("#facLst").data("kendoListView");
	var facslst = facs.select();
	var sems = $("#teachPerdLst").data("kendoListView");
	var semlst = sems.select();
	var cmps = $("#campusLst").data("kendoListView");
	var cmpslst = cmps.select();
	var checked = $.map($("#unitSel :checked"), function(checkbox) {
								return $(checkbox).val();
							  });
	unitList.filter( {
		logic: "and",
		filters: [
			{field: "unitDesc", operator: "neq", value: "description" },
			{field: "unitDesc", operator: "contains", value: searchval },
			{
				field: "unitFac", 
				operator: function(item, value) {
					var arrchck = false;
					if(facslst.length==0) { arrchck = true; }
					else {
						for(i=0;i<facslst.length;i++) {
							var facCd = unitOwners.view()[facs.items().index(facslst[i])].facCode;
							if(item==facCd || facCd=="ALL") {
								arrchck = true;
					}	}	}
					return arrchck;
				}, 
				value: "blah" 
			},
			{
				field: "unitSem",
				operator: function(item, value) {
					var arrchck = false;
					if(semlst.length==0) { arrchck=true; }
					else {
						for(i=0;i<semlst.length;i++) {
							var tchCd = teachingPeriods.view()[sems.items().index(semlst[i])].tpCode;
							if(item==tchCd || tchCd=="ALL") {
								arrchck = true;
					}	}	}
					return arrchck;
				},
				value: "blah"
			},
			{
				field: "unitLoc",
				operator: function(item, value) {
					var arrchck = false;
					if(cmpslst.length==0) { arrchck=true; }
					else {
						for(i=0;i<cmpslst.length;i++) {
							var cmpsCd=cmpslst[i].innerHTML.toUpperCase();
							if(item==cmpsCd || cmpsCd=="ALL") {
								arrchck = true;
					}	}	}
					return arrchck;
				},
				value: "blah"
			},
			{field: "unitDisp", 
						operator: function(item, value) {
						
						  return $.inArray(item, checked) < 0;
						},
						value: "blah"
					  }
		]
	} );
	$("#unitLst").show();
	$("#unitLst").kendoListView({
		dataSource: unitList,
		template: kendo.template($("#unittemplate").html())
	});
	var ulst = $("#unitLst").find("div");
	if(ulst.length == 0){
		//custom logic
		$("#unitLst").append("<div>Your search returned no units</div>");
	}
	else {
		if(ulst.length > 5) {
			$("#checkall").show(); }
	}
});

//clears all units from the selected units list (both selected and search results), called from the Clear button
$("#clearunits").click(function() {
	var unitlst = $("#unitLst").data("kendoListView");
	//unitlst.clearSelection();
	unitList.filter( { field: "unitDesc", operator: "eq", value: "blah" });
	unitlst.refresh();
	$("#unitLst").hide();
	selLst.data([]);
	selst.refresh();
	$("#showtt").prop('disabled',true);
});

var selLst = new kendo.data.DataSource();

$("#unitSel").kendoListView({
	dataSource: selLst,
	dataBound: function(e) {
			if(this.dataSource.data().length == 0){
				//custom logic
				$("#unitSel").append("<div>Please choose units to view</div>");
			}
		},
	template: kendo.template($("#useltemplate").html())
});


var selst = $("#unitSel").data("kendoListView");
selst.refresh();