function OnlineTable() {
	
	this.elementsBinds = []
	
	this.setup();
	
}


OnlineTable.prototype = {
	
	
	setup: function() {
		var tabsIDPrefix = 'onlineTableTab';
		var tabs = $('li[id^="' + tabsIDPrefix + '"]');
		
		var clickHandler = $.bind(this, this.selectTab);
		
		for (var i=0; i<tabs.length; i++) {
			var contentForTab = $('#onlineTableContent' + tabs[i].id.substr(tabsIDPrefix.length));
			if (contentForTab) {
				var tab = $(tabs[i]);
				this.elementsBinds.push({tab: tab, content: contentForTab});
				tab.click(clickHandler);
			}
		}
		
		this.setupPopups();
		
		if (this.elementsBinds.length) {
			this.selectTab(this.elementsBinds[0].tab[0]);
		}
	},
	
	
	selectTab: function(newTab) {
		for (var i=0; i<this.elementsBinds.length; i++) {
			if (this.elementsBinds[i].tab[0] == newTab) {
				this.elementsBinds[i].tab.addClass('selected');
				this.elementsBinds[i].content.css('display', 'block');
			} else {
				this.elementsBinds[i].tab.removeClass('selected');
				this.elementsBinds[i].content.css('display', 'none');
			}
		}
	},
	
	
	setupPopups: function() {
		$('*[id^=onlineTable] table.departure-arrive tr')
			.mouseover(function() {
				$('div.popup-info-container', this).css('display', 'block');
				$(this).addClass('active');
			})
			.mouseout(function() {
				$('div.popup-info-container', this).css('display', 'none');
				$(this).removeClass('active');
			});
	}
	
	
}