diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..66d5759
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "dz-4-oop"]
+	path = dz-4-oop
+	url = git@github.com:turboDi/dz-4-oop.git
diff --git a/controls.js b/controls.js
new file mode 100644
index 0000000..8b36a6c
--- /dev/null
+++ b/controls.js
@@ -0,0 +1,308 @@
+function $(id) {
+	'use strict';
+	return document.getElementById(id);
+}
+
+var Controls = (function () {
+	'use strict';
+	/**
+	 * Проверяет есть ли у элемента css класс
+	 * 
+	 * @param {String} classname    имя css класса
+	 * @param {Element} element    DOM элемент
+	 *
+	 * @return {Boolean}
+	 */
+	function hasClass(classname, element) {
+		var cn = element.className;
+		return cn.indexOf(classname) !== -1;
+	}
+
+	/**
+	 * Добавляет css класс элементу
+	 * 
+	 * @param {String} classname    имя css класса
+	 * @param {Element} element    DOM элемент
+	 *
+	 */
+	function addClass(classname, element) {
+		var cn = element.className;
+		if (hasClass(classname, element)) {
+			return;
+		}
+		if (cn !== '') {
+			classname = ' ' + classname;
+		}
+		element.className = cn + classname;
+	}
+
+	/**
+	 * Удаляет css класс у элемента
+	 * 
+	 * @param {String} classname    имя css класса
+	 * @param {Element} element    DOM элемент
+	 *
+	 */
+	function removeClass(classname, element) {
+		var cn = element.className,
+			rxp = new RegExp("\\s?\\b" + classname + "\\b", "g");
+		cn = cn.replace(rxp, '');
+		element.className = cn;
+	}
+
+	/**
+	 * Переключает наличие/отсутствие css класса у элемента
+	 * 
+	 * @param {String} classname    имя css класса
+	 * @param {Element} element    DOM элемент
+	 *
+	 * @return {Boolean}
+	 */
+	function toggleClass(classname, element) {
+		var hadClass = hasClass(classname, element);
+		if (hadClass) {
+			removeClass(classname, element);
+		} else {
+			addClass(classname, element);
+		}
+		return hadClass;
+	}
+
+	var Table = function () {
+		this.id = 'eventTable';
+		this.body = $(this.id).getElementsByTagName("tbody")[0];
+	};
+	var Form = function () {
+		this.id = 'add-form';
+	};
+	var FilterBar = function () {
+		this.id = 'filter-bar';
+		this.filters = [];
+	};
+	var SortBar = function () {
+		this.id = 'sort-bar';
+	};
+
+	Table.prototype = {
+		/**
+		 * Добавляет строку в таблицу со свойствами объекта obj
+		 * 
+		 * @param {Object} obj
+		 *
+		 */
+		addRow : function (obj) {
+			var rowHTML = '<tr>', prop;
+			for (prop in obj) {
+				if (obj.hasOwnProperty(prop)) {
+					rowHTML += '<td>' + obj[prop] + '</td>';
+				}
+			}
+			this.body.innerHTML += rowHTML + '</tr>';
+		},
+		/**
+		 * Очищает таблицу
+		 */
+		clear : function () {
+			this.body.innerHTML = "";
+		},
+		/**
+		 * Заполняет таблицу объектами objs
+		 * 
+		 * @param {Array} objs
+		 *
+		 */
+		fill : function (objs) {
+			var obj;
+			for (obj in objs) {
+				if (objs.hasOwnProperty(obj)) {
+					this.addRow(objs[obj].getDisplayableView());
+				}
+			}
+		},
+		/**
+		 * Очищает и заполняет таблицу объектами objs
+		 * 
+		 * @param {Array} objs
+		 *
+		 */
+		refresh : function (objs) {
+			this.clear();
+			this.fill(objs);
+		}
+	};
+
+	Form.prototype = {
+		/**
+		 * Очищает форму и возвращает ее к исходному состоянию
+		 */
+		clear : function () {
+			var field, fields = $(this.id).querySelectorAll('div.control-group');
+			for (field in fields) {
+				if (fields.hasOwnProperty(field)) {
+					removeClass("error", fields[field]);
+				}
+			}
+			addClass("invisible", $("errors"));
+		},
+		/**
+		 * Выделяет ошибочные поля на форме
+		 * 
+		 * @param {ValidationResult} validator    объект, содержащий результаты валидации
+		 *
+		 */
+		invalidate : function (validator) {
+			var error, field, summary = "<strong>Errors!</strong><br/>";
+			for (error in validator.errors) {
+				if (validator.errors.hasOwnProperty(error)) {
+					field = $(validator.errors[error].fieldName);
+					addClass("error", field.parentNode.parentNode);
+					summary += validator.errors[error].errorText + "<br/>";
+				}
+			}
+			$("errors-summary").innerHTML = summary;
+			removeClass("invisible", $("errors"));
+		}
+	};
+
+	FilterBar.prototype = {
+		/**
+		 * Очищает фильтр и возвращает его к исходному состоянию
+		 */
+		clear : function () {
+			var filterLi, filterLis = $(this.id).getElementsByTagName('li');
+			for (filterLi in filterLis) {
+				if (filterLis.hasOwnProperty(filterLi)) {
+					removeClass("active", filterLis[filterLi]);
+				}
+			}
+			this.filtered = null;
+		},
+		/**
+		 * Добавляет фильтр
+		 * 
+		 * @param {String} filter    название функции фильтрации коллекции
+		 *
+		 */
+		addFilter : function (filter) {
+			this.filters.push(filter);
+		},
+		/**
+		 * Убирает фильтр
+		 * 
+		 * @param {String} filter    название функции фильтрации коллекции
+		 *
+		 */
+		removeFilter : function (filter) {
+			var index = this.filters.indexOf(filter);
+			if (index !== -1) {
+				this.filters.splice(index, 1);
+			}
+		},
+		/**
+		 * Обработчик нажатия кнопки фильтр-бара
+		 * 
+		 * @param {String} filter    название функции фильтрации коллекции, id кнопки
+		 *
+		 */
+		pushBtn : function (filter) {
+			var filterLi = $(filter).parentNode, wasOn = toggleClass("active", filterLi);
+			if (wasOn) {
+				this.removeFilter(filter);
+			} else {
+				this.addFilter(filter);
+			}
+			return wasOn;
+		},
+		/**
+		 * Вызывает функцию фильтрации коллекции
+		 * 
+		 * @param {String} filter    название функции фильтрации коллекции
+		 *
+		 */
+		invokeInt : function (filter) {
+			this.filtered = this.filtered[filter]();
+		},
+		/**
+		 * Применяет все функции фильтрации, занесенные в фильтр, к коллекции
+		 * 
+		 * @param {Collection} collection
+		 * @param {String} filterFunc    название функции фильтрации коллекции
+		 *
+		 */
+		invoke : function (collection, filterFunc) {
+			var filter, fullRefresh = this.pushBtn(filterFunc);
+			if (this.filtered && !fullRefresh) {
+				this.invokeInt(filterFunc);
+			} else {
+				this.filtered = collection;
+				for (filter in this.filters) {
+					if (this.filters.hasOwnProperty(filter)) {
+						this.invokeInt(this.filters[filter]);
+					}
+				}
+			}
+			return this.filtered;
+		}
+	};
+
+	SortBar.prototype = {
+		/**
+		 * Очищает бар сортировки и возвращает его к исходному состоянию
+		 */
+		clear : function () {
+			var sortLi, sortLis = $(this.id).getElementsByTagName('li');
+			for (sortLi in sortLis) {
+				if (sortLis.hasOwnProperty(sortLi)) {
+					removeClass("active", sortLis[sortLi]);
+				}
+			}
+			this.sortFunc = '';
+		},
+		/**
+		 * Обработчик нажатия кнопки бара сортировки
+		 * 
+		 * @param {String} sortFunc    название функции сортировки коллекции, id кнопки
+		 *
+		 */
+		pushBtn : function (sortFunc) {
+			var sortLi = $(sortFunc).parentNode;
+			this.clear();
+			this.sortFunc = sortFunc;
+			toggleClass("active", sortLi);
+		},
+		/**
+		 * Применяет функцию сортировки к коллекции
+		 * 
+		 * @param {Collection} collection
+		 * @param {String} sortFunc    название функции сортировки коллекции
+		 *
+		 */
+		invoke : function (collection, sortFunc) {
+			this.pushBtn(sortFunc);
+			return collection[sortFunc]();
+		}
+	};
+
+	return {
+		form : new Form(),
+		table : new Table(),
+		filterBar : new FilterBar(),
+		sortBar : new SortBar(),
+		/**
+		 * Инициализирует селект свойствами объекта obj
+		 * 
+		 * @param {Element} element    DOM элемент <select>
+		 * @param {Object} obj
+		 *
+		 */
+		initSelect : function (select, obj) {
+			var item, innerHTML = '';
+			for (item in obj) {
+				if (obj.hasOwnProperty(item)) {
+					innerHTML += '<option value="' + item + '">' + obj[item].title + '</option>';
+				}
+			}
+			select.innerHTML = innerHTML;
+		}
+	};
+}());
\ No newline at end of file
diff --git a/dz-4-oop b/dz-4-oop
new file mode 160000
index 0000000..fb5e6e1
--- /dev/null
+++ b/dz-4-oop
@@ -0,0 +1 @@
+Subproject commit fb5e6e1224cb9d7fa5ee33d81a55329844b6d77d
diff --git a/event-controller.js b/event-controller.js
new file mode 100644
index 0000000..07076ce
--- /dev/null
+++ b/event-controller.js
@@ -0,0 +1,114 @@
+var EventController = (function () {
+	'use strict';
+	/**
+	 * Возвращает строку с датой вида dd/MM/yyyy hh:mm
+	 * 
+	 * @param {Date} date
+	 *
+	 * @return {String}
+	 */
+	function formatDate(date) {
+		var dd, mm, yyyy, hh, min;
+		dd = date.getDate();
+		mm = date.getMonth() + 1;
+		yyyy = date.getFullYear();
+		hh = date.getHours();
+		min = date.getMinutes();
+		return dd + "/" + mm + "/" + yyyy + " " + hh + ":" + min;
+	}
+
+	Event.prototype.getDisplayableView = function () {
+		return {
+			title : this.title,
+			location : this.location,
+			startDate : formatDate(this.startDate),
+			endDate : formatDate(this.endDate),
+			repeat : this.repeat.title,
+			alert : this.alert.title,
+			notes : this.notes
+		};
+	};
+
+	var events = new Events(),
+		table = Controls.table,
+		form = Controls.form,
+		filterBar = Controls.filterBar,
+		sortBar = Controls.sortBar;
+
+	/**
+	 * Обработчик щелчка по кнопке Добавить
+	 * 
+	 * @param {Boolean} random    сгенерировать событие случайным образом или же взять значения из формы
+	 *
+	 * @return {String}
+	 */
+	function addClick(random) {
+		var validator, event;
+		if (random) {
+			event = Utils.randomEvent();
+			$('title').value = event.title;
+			$('location').value = event.location;
+			$('startDate').value = formatDate(event.startDate);
+			$('endDate').value = formatDate(event.endDate);
+			$('repeat').value = event.repeat;
+			$('alert').value = event.alert;
+			$('notes').value = event.notes;
+		} else {
+			event = new Event({
+				title : $('title').value,
+				location : $('location').value,
+				startDate : new Date($('startDate').value),
+				endDate : new Date($('endDate').value),
+				repeat : Const.REPEAT[$('repeat').value],
+				alert : Const.ALERT[$('alert').value],
+				notes : $('notes').value
+			});
+		}
+		validator = event.validate();
+		if (validator.valid) {
+			form.clear();
+			filterBar.clear();
+			sortBar.clear();
+			events.add(event);
+			table.refresh(events.items);
+		} else {
+			form.invalidate(validator);
+		}
+	}
+
+	return {
+		addClick : function (random) {
+			addClick(random);
+		},
+		/**
+		 * Функция инициализирующая элементы управления на странице
+		 */
+		init : function () {
+			Controls.initSelect($('repeat'), Const.REPEAT);
+			Controls.initSelect($('alert'), Const.ALERT);
+			form.clear();
+			$('addBtn').addEventListener('click', function () {
+				addClick();
+			});
+			$('addRandomBtn').addEventListener('click', function () {
+				addClick(true);
+			});
+			$(filterBar.id).addEventListener('click', function (e) {
+				var filtered, cur = e.srcElement || e.originalTarget;
+				filtered = filterBar.invoke(events, cur.id);
+				table.refresh(filtered.items);
+			});
+			$(sortBar.id).addEventListener('click', function (e) {
+				var cur = e.srcElement || e.originalTarget,
+					collection = filterBar.filtered || events;
+				sortBar.invoke(collection, cur.id);
+				table.refresh(collection.items);
+			});
+		}
+	};
+}());
+
+document.body.addEventListener('load', function () {
+	'use strict';
+	EventController.init();
+}, false);
\ No newline at end of file
diff --git a/event-dom.html b/event-dom.html
new file mode 100644
index 0000000..5929d7c
--- /dev/null
+++ b/event-dom.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html>
+	<head>
+
+		<meta charset="utf-8">
+		<title>EVents test</title>
+
+		<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap.min.css" rel="stylesheet">
+		<style type="text/css">  
+			body {
+				padding: 20px;  
+			}
+			.invisible {
+				display: none;
+			}
+		</style>
+	</head>
+
+	<body>
+
+		<div class="container">
+			<div>
+				<form id="add-form" class="form-horizontal">
+					<div id="errors" class="alert alert-error">
+						<div id="errors-summary"></div>
+					</div>
+					<div class="control-group">
+						<label class="control-label" for="title">Имя события</label>
+						<div class="controls">
+							<input type="text" id="title" name="title"/>
+						</div>
+					</div>
+					<div class="control-group">
+						<label class="control-label" for="location">Место события</label>
+						<div class="controls">
+							<input type="text" id="location" name="location"/>
+						</div>
+					</div>
+					<div class="control-group">
+						<label class="control-label" for="startDate">Начало события</label>
+						<div class="controls">
+							<input type="datetime" id="startDate" name="startDate"/>
+							<span class="help-inline">dd/MM/yyyy hh:mm</span>
+						</div>
+					</div>
+					<div class="control-group">
+						<label class="control-label" for="endDate">Конец события</label>
+						<div class="controls">
+							<input type="datetime" id="endDate" name="endDate"/>
+							<span class="help-inline">dd/MM/yyyy hh:mm</span>
+						</div>
+					</div>
+					<div class="control-group">
+						<label class="control-label" for="repeat">Периодичность события</label>
+						<div class="controls">
+							<select id="repeat" name="repeat"></select>
+						</div>
+					</div>
+					<div class="control-group">
+						<label class="control-label" for="alert">Предупреждение</label>
+						<div class="controls">
+							<select id="alert" name="alert"></select>
+						</div>
+					</div>
+					<div class="control-group">
+						<label class="control-label" for="notes">Заметки</label>
+						<div class="controls">
+							<textarea id="notes" name="notes"></textarea>
+						</div>
+					</div>
+					<div class="control-group">
+						<div class="controls">
+							<input type="button" class="btn" id="addBtn" value="Add"/>
+							<input type="button" class="btn" id="addRandomBtn" value="AddRandom"/>
+						</div>
+					</div>
+				</form>
+			</div>
+			<div>
+				<div class="navbar">
+					<div class="navbar-inner">
+						<a class="brand" href="#">Filter</a>
+						<ul id="filter-bar" class="nav">
+							<li><a id="findPastEvents" href="#">Past</a></li>
+							<li><a id="findFutureEvents" href="#">Future</a></li>
+							<li><a id="findThisWeekEvents" href="#">This week</a></li>
+							<li><a id="findPartyEvents" href="#">Party</a></li>
+							<li><a id="findNightAlarms" href="#">Night alarms</a></li>
+						</ul>
+						<div class="pull-right">
+							<a class="brand" href="#">Sort</a>
+							<ul id="sort-bar" class="nav">
+								<li><a id="sortByStartDate" href="#">By start date</a></li>
+								<li><a id="sortByNextHappenDate" href="#">By next happen date</a></li>
+							</ul>
+						</div>
+					</div>
+				</div>
+				<table id="eventTable" class="table table-hover">
+					<thead>
+						<th>Имя</th>
+						<th>Место</th>
+						<th>Начало</th>
+						<th>Конец</th>
+						<th>Периодичность</th>
+						<th>Предупреждение</th>
+						<th>Заметки</th>
+					</thead>
+					<tbody>
+					</tbody>
+				</table>
+			</div>
+		</div>
+		
+		<script src="dz-4-oop/validation.js"></script>
+		<script src="dz-4-oop/model.js"></script>
+		<script src="dz-4-oop/collection.js"></script>
+		<script src="dz-4-oop/event-model.js"></script>
+		<script src="dz-4-oop/event-collection.js"></script>
+		<script src="dz-4-oop/utils.js"></script>
+		<script src="controls.js"></script>
+		<script src="event-controller.js"></script>
+	</body>
+</html>
\ No newline at end of file