/**
* Список офисов
*
* @version 2
* Описание встраивания списка офисов в HTML-страницу

Страница должна содержать:
1. Контейнер для размещения html, оформляющего список регионов (городов), например: <div id="exat_officelist_region">.
   Id этого элемента является обязательным параметром настройки.
2. Необязательный контейнер для размещения выпадающего списка регионов, например: <div id="exat_officelist_region_select"></div>. Должен быть пустым и располагаться внутри контейнера 1. Если не задан, то список будет динамически создан как последний дочерний элемент контейнера 1.
3. Необязательный контейнер для указания места вывода списка офисов, например: <div id="exat_officelist">. Должен быть пустым. Если не задан, то будет динамически создан сразу после контейнера 1.
4. Подключение данного скрипта <script charset="windows-1251" src="/touronline/scripts/offices_list.js"></script> или <script charset="windows-1251" src="http://exat.ru/touronline/scripts/offices_list.js"></script> - в любом месте страницы, но до вызова любых методов еxat.officeList().
5. Вызов метода exat.officeList.config() - после описаных div'ов и подключения js-скрипта. Позволяет настроить механизм вывода списка офисов. 	Аргументы описаны далее.

Пример встраивания:

	<!-- Где купить: начало -->
	<div id="exat_officelist_region">
		город
		<div id="exat_officelist_region_select"/>
	</div>
	<div id="exat_officelist"></div>
	<script charset="windows-1251" src="/touronline/scripts/offices_list.js"></script>
	<script>
		exatOfficeList.config({listElement:"exat_officelist",
			regionElement:"exat_officelist_region",
			selectElement:"exat_officelist_region_select",
			host:'http://tours.gismeteo.ru',
			getLocationGroupHtml:function(office){return '<hr>'+office.location_namegroup+"<br>\n";},
			getOfficeHtml:function(office){ return '<p>'+office.companyname+"</p>\n";}
			});
	</script>
	<!-- Где купить: конец -->

*/

/** Параметры настройки класса ExatOfficeList
 * @access public
 * @param cfg объект, может включать следующий набор полей:
 * @param cfg.regionFieldEl  - строка идентификатор div'а (или другого элемента-контейнера) html-блока списка регионов (городов)
 * @param cfg.regionSelectEl - /необязательный параметр/ строка идентификатор div'а для вывода списка регионов
 * @param cfg.officeListEl 	- /необязательный параметр/ строка идентификатор div'а для вывода списка офисов
 * @param cfg.host				- /необязательный параметр/ строка имени хоста для скачивания дополнительных ресурсов
 * по умолчанию "exat.ru", можно указывать константу или подставлять document.location.hostname
 * @param cfg.defRegionId		- /необязательный параметр/ чисто-идентификатор региона показываемого по умолчанию
 * @param cfg.getLocationGroupHtml - /необязательный параметр/ пользовательская функция отображения названия 
 * группы локайшенов (линий метро, районов города) См. пример реализации функции ниже.
 * @param cfg.getOfficeHtml		- /необязательный параметр/ пользовательская функция отображения офиса. 
 * См. пример реализации функции ниже.
 */

// Распаковщик данных
DataSet = function () {
	var data = [];
	var schema = {fields:[], keys:{}};

  this.init = function(obj) {
		schema.fields = obj.schema;
		for (var i = 0, count = obj.schema.length; i < count; i++) {
      schema.keys[obj.schema[i].name] = i;
		}
		data = obj.data;
  }

	this.getRowHash = function(row) {
		if (!!data[row]) {
			var result = {};
			for (var i = 0, count = schema.fields.length; i < count; i++) {
				result[schema.fields[i].name] = data[row][i];
			}
			return result;
		}
	}

	this.getRowsHash = function(start, count) {
		if (start == undefined) {
			start = 0;
		}
		if (count == undefined) {
			count = data.length;
		}
		var result = [];
		for (var i = start, end = Math.min(start + count, data.length); i < end; i++) {
			result.push(this.getRowHash(i));
		}
		return result;
  }
}


// Конструктор
function ExatOfficeList(cfg) {
	var _self = this;
	this.config(cfg);
	this.setColorLines();
	this.loadTransport();
}

// Настройка
ExatOfficeList.prototype.config = function(cfg) {
	var _self = this;
	if (typeof cfg != 'object') {
		return;
  }
	this.divRegionField	= document.getElementById(cfg.regionFieldEl);
	if (cfg.regionSelectEl) {
	  this.divRegionSelect = document.getElementById(cfg.regionSelectEl);
	} else {
    this.divRegionSelect = this.divRegionField.appendChild(document.createElement('div'));
	}
	this.regionSelectEl = document.createElement('select');
	this.regionSelectEl.onchange=function(){_self.showOfficeList(this.value); _self.onChangeRegion(this.value);};
  this.divRegionSelect.appendChild(this.regionSelectEl);
	this.divRegionField.style.visibility = 'hidden';

	if (cfg.officeListEl) {
	  this.divOfficeList = document.getElementById(cfg.officeListEl);
	} else {
		if (this.divRegionField.nextSibling) {
			this.divOfficeList = this.divRegionField.parentNode.insertBefore(document.createElement('div'), this.divRegionField.nextSibling);
		} else {
			this.divOfficeList = this.divRegionField.parentNode.appendChild(document.createElement('div'));
		}
	}
	this.host = (!cfg.host) ? "http://exat.ru" : cfg.host;
	if (this.host.substring(0,7)!='http://') this.host = 'http://'+this.host;
	this.divOfficeList.innerHTML = '<img src="' + this.host + '/extlib/yui/assets/skins/sam/wait.gif" alt="">';
	this.defRegionId	= (cfg.defRegionId == undefined) ? 64 : cfg.defRegionId;
	if(cfg.getLocationGroupHtml) this.getLocationGroupHtml = cfg.getLocationGroupHtml;
	if(cfg.getOfficeHtml)	this.getOfficeHtml = cfg.getOfficeHtml;
	if(cfg.client_id)	this.client_id = cfg.client_id;
}

// Добавление в урл строки client_id
ExatOfficeList.prototype.getUrlClientId = function(){
	if(this.client_id)
		return '&client_id='+this.client_id;
	else
		return '';
}

// Действия по готовности транспорта
ExatOfficeList.prototype.onTransportReady = function() {
	this.loadRegionList();
	this.showRegionList();
	this.showOfficeList(this.defRegionId);
}

ExatOfficeList.prototype.onChangeRegion = function() {};
ExatOfficeList.prototype.reference = {locationGroups:{}, locations:{}};
ExatOfficeList.prototype.officeData = {};

// Подключение библиотеки транспорта
ExatOfficeList.prototype.loadTransport = function() {
	if (!this.transportIsLoaded()) {
	  this.loadScript('/extlib/jr/mini/JsHttpRequest-script.js');
	}
	this.awaitTransport();
}

// Определяет,загружен ли транспорт
ExatOfficeList.prototype.transportIsLoaded = function() {
	return (typeof JsHttpRequest != 'undefined' && !!JsHttpRequest.query);
}

// Цикл ожидания загрузки транспорта
ExatOfficeList.prototype.awaitTransport = function() {
	if (!this.transportIsLoaded()) {
		var _self = this;
	  setTimeout(function(){_self.awaitTransport()}, 200);
	} else {
		this.onTransportReady();
	}
}

// Загрузка js-файла
ExatOfficeList.prototype.loadScript = function(url) {
	jsEl = document.createElement('script');
	jsEl.type = 'text/javascript';
	jsEl.src = this.host + url;
	jsEl.charset="windows-1251";
	var headEl = document.getElementsByTagName('head')[0];
	headEl.appendChild(jsEl);
}


// Загрузка списка регинов
ExatOfficeList.prototype.loadRegionList = function(url) {
	this.loadScript('/touronline/?json=officelist_regionselect&region='+this.defRegionId+this.getUrlClientId());
}

// отображение списка регионов (городов)
ExatOfficeList.prototype.showRegionList = function(){
	var _self=this;
	if(!this.regionList){
		setTimeout(function(){_self.showRegionList();}, 500);
		return false;
	}
	if (this.regionList.length == 0){
		this.divRegionSelect.innerHTML='cписок пуст';
	} else if(this.regionList.length==1) {
		this.divRegionField.style.display='none';
		//TODO Вывести название региона
		//this.divRegionSelect.innerHTML = '';
	} else {
		var html = '';
		for (var i=0; i<this.regionList.length; i++) {
			var opt = document.createElement('option');
			opt.appendChild(document.createTextNode(this.regionList[i][1]));
			opt.value = this.regionList[i][0];
			if (this.regionList[i][0] == this.defRegionId) {
				opt.setAttribute('selected', 'selected');
			}
			this.regionSelectEl.appendChild(opt);
		}
		this.divRegionField.style.visibility = 'visible';
		this.regionSelectEl.style.width = 'auto'; // ie fix
	}
	return true;
}


// Запрос данных офисов для заданного региона
ExatOfficeList.prototype.loadOfficeData = function(region) {
	var _self = this; 
	var r = new JsHttpRequest();
	r.onreadystatechange = function() {
		if (r.readyState == 4) {
			_self.processOfficeData(this.responseJS);
		}
	}
	r.open('GET'
		, this.host + "/touronline/?resulttype=dkjson&appname=officelist&region=" + region 
			+ this.getUrlClientId()
		, true
	);
	r.send(null);
}

// Обработка поступивших данных офисов
ExatOfficeList.prototype.processOfficeData = function(data){
		if (data.locationGroups) {
			for (var i=0, len=data.locationGroups.length; i<len; ++i){
				this.reference.locationGroups[data.locationGroups[i][0]] = data.locationGroups[i][1];
			}
		}
		if (data.locations) {
			for (var i=0, len=data.locations.length; i<len; ++i){
				this.reference.locations[data.locations[i][0]] = [data.locations[i][1], data.locations[i][2]];
			}
		}
		if (data.offices) {
			for (var i = 0, count = data.regionIds.length; i < count; ++i) {
				var ds = new DataSet();
				ds.init(data.offices[data.regionIds[i]]);
				this.officeData[data.regionIds[i]] = ds.getRowsHash();
			}
			// офисы с departure_id = 0 -- ошибка менеджеров
			if (data.offices[0]) {
				var ds = new DataSet();
				ds.init(data.offices[0]);
				this.officeData[0] = ds.getRowsHash();
			}
			this.showOfficeList(data.regionIds.join(','));
		}
}

// Загрузка списка офисов
ExatOfficeList.prototype.showOfficeList = function(departure) {
	if (this.officeData[departure]) {
		// Данные уже готовы
		// TODO departure может быть списком
		if (this.regionSelectEl.value != departure) {
			for (var i=0; i<this.regionSelectEl.length; i++) {
				if (this.regionSelectEl.options[i].value == departure) {
					this.regionSelectEl.selectedIndex = i;
					break;
				}
			}
		}
		this.divOfficeList.innerHTML = '';
		if (this.officeData[0] && departure == 64) {
			// TEMP Офисы с не внесенным в базу местоположением показываем только в Москве, в начале списка
			this.divOfficeList.innerHTML += this.getOfficesHtml(this.officeData[0]) + '<br />' ;
		}
		this.divOfficeList.innerHTML += this.getOfficesHtml(this.officeData[departure]);
		return true;
	} else {
		// Данные по региону не готовы, загрузить
		this.regionId = ((typeof departure)=='undefined') ? this.defRegionId : departure;
		this.loadOfficeData(departure);
		this.divOfficeList.innerHTML = '<img style="background-image:none;" src="' + this.host + '/extlib/yui/assets/skins/sam/wait.gif" alt=""> Идет загрузка...';

		// TODO Установка отправления в поисковой форме здесь не к месту
		var searchDeparture	= document.getElementById('exatDepartureCtrl');
		if (searchDeparture){
			for(var k=0; k<searchDeparture.length; k++){
				if(searchDeparture.options[k].value == this.regionId){
					searchDeparture.selectedIndex = k;
					break;
				}
			}
		}
		// END TODO
		return true;
	}
}

// установка констант
ExatOfficeList.prototype.setColorLines = function(){
	this.OfficeGroupColors = {
		0:"888",
		1:"CD0505",
		2:"066B16",
		3:"000",
		4:"1B3679",
		5:"009CD6",
		6:"7B0204",
		7:"FF7B00",
		8:"94007B",
		9:"D6CE21",
		10:"A6A6B4",
		11:"8DB408",
		12:"000",
		20:"888",
		50:"CD0505",
		51:"1B3679",
		52:"066B16",
		53:"FF7B00"
	};
}

// Формирование html представления всего списка офисов
ExatOfficeList.prototype.getOfficesHtml = function(data) {
	if(data) {
		var inner="";
		var up="";
		this.OfficesGroupId='';
		this.groupImgIndex='';
		for (var i=0, len=data.length; i<len; ++i){
			office = data[i];
			office.location_name = (!!this.reference.locations[office.location_id]) ? this.reference.locations[office.location_id][0]: '';
			office.location_description = (!!this.reference.locations[office.location_id]) ? this.reference.locations[office.location_id][1]: '';
			if (!office.location_group_id) {
				office.location_group_id = 0;
				office.location_group_name = office.location_name;
			}
			if (office.location_group_id !== this.OfficesGroupId) {
				if(office.location_group_id > 0){
					this.OfficesGroupId = office.location_group_id;
					office.location_group_name = (!!this.reference.locationGroups[office.location_group_id]) ? this.reference.locationGroups[office.location_group_id] : '';
					office.location_group_name = office.location_group_name.replace('-', '&nbsp;- ');
				} else {
					this.OfficesGroupId = 0;
					office.location_group_name = "";
				}
				if(this.OfficesGroupId<10){
					this.groupImgIndex="0"+this.OfficesGroupId;
				} else {
					this.groupImgIndex=this.OfficesGroupId;
				}
				if(this.OfficesGroupId!=0){
					inner+=this.getLocationGroupHtml(office);
				}
			}
			if(this.OfficesGroupId>0){
				inner+=this.getOfficeHtml(office);
			} else {
				up+=this.getOfficeHtml(office);
			}
		}
		return up+inner;
	} else {
		return "";//"Нет данных.";
	}	
}

// ссылка на описание агентства и всех его офисов
ExatOfficeList.prototype.getAgencyInfoHref = function(office){
	return this.host+"/touronline/agency.php?office=" + office.office_id + "&portal=" + this.reference.portalId;
}

// оформление записи об одной группе локейшенов (линий метро, районов города)
ExatOfficeList.prototype.getLocationGroupHtml = function(office){
	var html = '';
	html += "<div class=\"line departure" + office.departure_id + "\"";
	if (office.location_description == 'ст. метро' && this.OfficeGroupColors[this.OfficesGroupId]) {
		html += "style=\"color:#"+this.OfficeGroupColors[this.OfficesGroupId]+";\"><img alt=\""+office.location_group_name+"\" src=\""+this.host+"/touronline/img/office_list/image"+this.groupImgIndex+".gif\" width=175 height=11 border=0>";
	} else {
		html += ">" + office.location_group_name;
	}
	html += "</div>";
	return html;
}

// оформление записи об одном офисе
ExatOfficeList.prototype.getOfficeHtml = function(office){
	var html='';
	if (this.OfficesGroupId) {
		html += "<div class=\"station departure"+office.departure_id + "\">";
		if (office.location_description == 'ст. метро') {
			html += "<img alt=\"\" src=\""+this.host+"/touronline/img/office_list/image_small"+this.groupImgIndex+".gif\" width=9 height=9 border=0>&nbsp";
		} else {
			html += office.location_description + '&nbsp';
		}
		html += office.location_name+"</div>";
	}
	html+="<div class=\"agency departure"+office.departure_id+"\"><a href=\""+this.getAgencyInfoHref(office)+"\" onclick=\"w(this.href,300,400);return false;\">"+office.companyname+"</a><div class=phones>"+office.web_phone+"</div></div>";			
	return html;
}