var actionCB = {
	'login': function(data){
		xn.reloadPage();
	},
	'logout': function(data){
		xn.goPage('/');
	},
	'register': function(data){
		xn.goPage('/profile');
	},
	'forumPost': function(data){
		if(data.topic_id){
			document.location.href = '/spot/' + data.spot_id + '/forum/' + data.section_id + '/topic/' + data.topic_id + '-1';
		}else{
			document.location.reload();
		}
	},
	'feedbackPost': function(data){
		xn.toggle('fbBlock');
		xn.toggle('fbOKMsg');
	},
	'newsPost': function(data){
		xn.toggle('addNewsForm');
		xn.toggle('addNewsOk');
	},
	'spotDataAdd': function(data){
		xn.reloadPage();
	},
	'docsAddFile': function(data){
		docsUploadOk(data.localId);
	},
	'docsDeleteFile': function(data){
		xn.reloadPage();
	},
	'docsRenameFile': function(data){
		xn.reloadPage();
	},
	'docsSetAsProfile': function(data){
		xn.reloadPage();
	},
	'spotSelect': function(data){
		xn.reloadPage();
//		xn.toggle('spotSelect');
	}
};

var XN = new Class({
	indicatorId: 'processing',
	indicatorEl: null,
	errorsId: 'errors',
	errorsEl: null,
	filter: null,
	
	initialize: function(){
		window.addEvent('domready',this.init.bind(this));
		this.filter = new Filter();
		this.ui = new UI();
	},
	
	init: function(){
		this.indicatorEl = $(this.indicatorId);
		this.errorsEl = $(this.errorsId);
	},
	
	actionCallBack: function(data){
		// disabling process indicator
		this.indicatorEl.setStyle('display', 'none');

		data = JSON.decode(data);
		for(var action in data){
			var el = data[action];
			var actionName = action;
			// checking for errors
			if($defined(el.err) && el.err.length > 0){
				var errOwner = actionName;
				//var errBlock = new Element('div', {'html': errOwner + ' says:<br>' + el.err.join('<br>')});
				var errBlock = new Element('div', {'html': 'Ошибки:<br>' + el.err.join('<br>')});
				this.errorsEl.empty();
				errBlock.inject(this.errorsEl);
				this.showErr();
			}else{
				// checking for action CB handler
				if(actionCB[actionName]){
					var callBack = actionCB[actionName];
					callBack(el);
				}
			}
		}
	},
	
	showErr: function(){
		this.errorsEl.setStyle('display', '');
		setTimeout(this.hideErr.bind(this), 4000);
	},
	
	hideErr: function(){
		this.errorsEl.setStyle('display', 'none');
	},
	
	doAction: function(actionData){
		new Request({
			url:'/',
			data: JSON.encode(actionData),
			method: 'post',
			headers: {'X-Request': 'JSON'},
			onComplete: this.actionCallBack.bind(this)}
		).send();
		// enabling process indicator
		this.indicatorEl.setStyle('display', '');
		return false;
	},
	
	doFormAction: function(f){
		var formData = this.getFormData(f);
		
		if(formData.action){
			var action = formData.action;
			var data = {};
			data[action] = formData;
			return xn.doAction(data);
		}else{
			return false;
		}
	},

	getFormData: function(f) {
//fixme: exclude buttons from form data
		f = $(f);
		var out = {};
		var formInputs;
		formInputs = f.getElementsByTagName("input");
		for (var i = 0; i < formInputs.length; i++){
			if(formInputs[i].type == 'submit') { continue; }
			if(!formInputs[i].name){ continue; }
			if(formInputs[i].type == 'checkbox'){
				out[formInputs.item(i).name] = formInputs[i].checked;
			}else{
				out[formInputs.item(i).name] = formInputs.item(i).value;
			}
		}
		formInputs = f.getElementsByTagName("textarea");
		for (var i = 0; i < formInputs.length; i++){
			out[formInputs.item(i).name] = formInputs.item(i).value;
		}
		formInputs = f.getElementsByTagName("select");
		for (var i = 0; i < formInputs.length; i++){
			out[formInputs.item(i).name] = formInputs.item(i).value;
		}
		return out;
	},
	
	reloadPage: function(){
//		if(window.onbeforeunload == null){
			window.location.reload();
//		}
	},
	
	goPage: function(href){
//		if(window.onbeforeunload == null){
			window.location.href = href;
//		}
	},
	
	showPostForm: function(){
		$('postForm').setStyle('display', '');
		return false;
	},
	
	hidePostForm: function(){
		$('postForm').setStyle('display', 'none');
		return false;
	},

	showSelector: function(idName){
		//$(idName + 'Name').setStyle('display', 'none');
		//$(idName + 'Btn').setStyle('display', 'none');
		$(idName + 'Selector').setStyle('display', '');
	},
	
	doSelector: function(idName, selectedValue, selectedName){
		$(idName + 'Value').value = selectedValue;
		$(idName + 'Name').value = selectedName;

		$(idName + 'Name').setStyle('display', '');
		if($(idName + 'Btn')){
			$(idName + 'Btn').setStyle('display', '');
		}
		$(idName + 'Selector').setStyle('display', 'none');
	},

	toggle: function(el){
		el = $(el);
		if(el.getStyle('display') == 'none'){
			el.setStyle('display', '');
		}else{
			el.setStyle('display', 'none');
		}
	},
	
	spotList: function(){
		el = $('spotList');
		xn.toggle('spotSelect');
		var streetId = $('streetIdValue').value;
		//fix streetId may be empty
		el.empty();
		new Element('div', {id: 'spotListWarn', html: 'loading..'}).inject(el);
		el.load('/spotlist/' + streetId);
		$('homeSelectFormSubmit').disabled = false;
	}
	
});

var TabSet = new Class({
	panes: [],
	currentTab: "",
	
	add: function(tabId){
		if(this.currentTab == ""){
			this.show(tabId);
		}else{
			$(tabId).setStyle('display', 'none');
		}
	},
	
	show: function(tabId){
		if(this.currentTab == tabId){
			return false;
		}
		
		var btnEl = $(tabId + 'Btn');
		if(btnEl){
			btnEl.addClass('selected');
		}
		
		if(this.currentTab != ""){
			var currentBtnEl = $(this.currentTab + 'Btn');
			if(currentBtnEl){
				currentBtnEl.removeClass('selected');
			}
			
			$(this.currentTab).setStyle('display', 'none');
		}
		$(tabId).setStyle('display', '');
		
		this.currentTab = tabId;
		return false;
	}
});

Filter = new Class({
	filterBase: '/filter/',
	
	initialize: function(){
	},
	
	go: function(){
		var fString = $('searchString').value;
		if(fString != null && fString != ''){
			window.location.href = this.filterBase + 'title_0_' + encodeURIComponent(fString);
		}
		return false;
	}
});

UI = new Class({
	show: function(el){
		$(el).setStyle('display', '');
	}
});

// todo: full rewrite with Class();
Pager = new function(){
	this.showExt = function(pager){
		var offset = $(pager).offset();
		$(pager).css('border', '2px solid #ddd');
		$('#pagerExt').css('left', offset.left+200).css('top', offset.top).fadeIn('fast');
	}
	
	this.scroll = function(direction, pager){
		switch(direction){
			case 'back':
				Pager.firstPage -= 5;
				if(Pager.firstPage < 1){
					Pager.firstPage = 1;
				}
				break;
			case 'forward':
				Pager.firstPage += 5;
				if((Pager.firstPage + 5) > Pager.totalPages){
					Pager.firstPage = Pager.totalPages - 5 + 1;
				}
				break;
		}

		var str = '';
		for(var i = 0; i < 5; i++){
			if((Pager.firstPage + i) == Pager.currentPage){
				str += '<span style="padding: 3px; background: #888; color: #fff;">'+(Pager.firstPage+i)+'</span> ';
			}else{
				str += '<a href="/mail/'+(Pager.firstPage+i)+'">'+(Pager.firstPage+i)+'</a> ';
			}
		}

		$('#pagerExt > span').empty(str);
		$('#pagerExt > span').append(str);
	}
}


var Docs = new Class({
	deleteFile: function(pId){
		if(confirm('Удалить файл?')){
			xn.doAction({docsDeleteFile: {id: pId}});
		}
	}

});

var Preview = new Class({
	panes: [],
	previewId: '',
	
	initialize: function(previewId){
		this.previewId = previewId;
		window.addEvent('domready', this.init.bind(this));
	},

	init: function(){
		var images = $$('img.' + this.previewId);
		images.each(function(item, index){
			item.addEvent('mouseover', this.onMouseOver.bind(this, item));
		}, this);
			
	},

	onMouseOver: function(item){
		var imgPath = item.src.replace(/small\//, '');
		var paneEl = $('pane_' + this.previewId);
		if(paneEl){
			paneEl.src = imgPath;
		}
	}

});

var Suggestion = new Class({
	timer: null,
	string: '',
	delay: 400,
	resultElId: 'suggestion',
	resutlEl: null,
	
	initialize: function(options){
		for(el in options){
			this[el] = options[el];
		}
		window.addEvent('domready',this.init.bind(this));
	},
	
	init: function(){
		this.resultEl = $(this.resultElId);
	},
	
	onKeyUp: function(el){
		if(this.timer != null){
			clearTimeout(this.timer);
			this.timer = null;
		}
		el = $(el);
		
		var string = el.value;
		//if(string.length > 1 && string != this.string){
		if(string != this.string){
			if(string == ''){
				this.resultEl.empty();
				this.resultEl.setStyle('display', 'none');
			}else{
				this.timer = setTimeout(this.sendRequest.bind(this), this.delay);
				this.string = string;
				this.name = el.name;
			}
		}
	},
	
	sendRequest: function(){
		this.resultEl.empty();
		new Element('div', {id: 'suggestWarn', html: 'Загружается..'}).inject(this.resultEl);
		this.resultEl.load('/suggest?' + this.name + '=' + this.string);
		this.resultEl.setStyle('display', '');
	}
	
});

var SpotData = new Class({
	spotId: 0,
	spotDataTypes: [],
	
	initialize: function(data){
		this.spotId = data.spotId;
		this.spotDataTypes = data.spotDataTypes;
	},
	
	add: function(typeId){
		var dataType = this.spotDataTypes[typeId];
		var value = prompt('Добавление сведений о доме - "' + dataType.title + '"\n\nПримеры заполнения: ' + dataType.example);
		if(value){
			var confirmed = confirm('Следующая информация будет добавлена:\n' + dataType.title + ': ' + value);
			if(confirmed){
				xn.doAction({spotDataAdd: {value: value, type_id: dataType.id, category_id: dataType.category_id, spot_id: this.spotId}});
			}
			//alert(confirmed);
		}
		return false;
	}

});

var CitySelector = new Class({
	paneEl: null,
	resultElId: '',
	levelBtn: null,
	
	initialize: function(options){
		for(el in options){
			this[el] = options[el];
		}
		window.addEvent('domready',this.init.bind(this));
		actionCB.geoList = function(data){
			citySel.geoData(data);
		};
	},

	init: function(){
		this.resultEl = $(this.resultElId);
		this.levelBtn = $(this.levelBtnId);
	},
	
	geoData: function(data){
		this.resultEl.empty();
		var rowSize = 0;
		var currentCap = data[0].title.charAt(0);
		var currentDiv = new Element('div', {'class': 'letterBlock'}).inject(this.resultEl);
		new Element('h4', {html: currentCap}).inject(currentDiv);

		for(var el in data){
			if(!data.hasOwnProperty(el)) continue;
			
			if(currentCap != data[el].title.charAt(0)){
				rowSize++;
				if(rowSize > 3){
					new Element('br', {styles: {'clear': 'both'}}).inject(this.resultEl);
					rowSize = 0;
				}
				currentCap = data[el].title.charAt(0);
				currentDiv = new Element('div', {'class': 'letterBlock'}).inject(this.resultEl);
				new Element('h4', {html: currentCap}).inject(currentDiv);
			}
			
			var events = {};
			if(data[el].type_id == 11 || data[el].type_id == 8){
				events.click = this.endSelect.bind(this, data[el].id);
//				events.click = function(){
//					citySel.endSelect(data[el].id);
//				};
			}else{
//				events.click = this.sendRequest.bind(this, this.id, this);
				events.click = function(){
					citySel.sendRequest(this.id, this);
				};
			}
						
			new Element('a', 
				{
					html: data[el].title + ' (' + data[el].type_name + ')',
					id: 'btn_' + data[el].id,
					href: 'javascript:{}',
					styles:{},
					events: events
				}
			).inject(currentDiv);
			new Element('br').inject(currentDiv);
			
		}
	},
	
	endSelect: function(geoId){
		xn.toggle('cityIdSelector');
		var btnEl = $('btn_' + geoId);
		this.resultEl.empty();
		btnEl.inject(this.levelBtn.getParent());
		btnEl.set('class', 'selectorBtn');
		btnEl.set('parentBtn', this.levelBtn);
		$('cityIdValue').value = geoId;
	},
	
	sendRequest: function(parentId, btnEl){
		this.resultEl.empty();
		this.resultEl.set('text', '...');
		if(btnEl != 0){
			btnEl.inject(this.levelBtn.getParent());
			btnEl.set('class', 'selectorBtn');
			btnEl.set('parentBtn', this.levelBtn);
			this.levelBtn = btnEl;
		}
		xn.doAction({geoList: {parentId: parentId}});
	}
	
});



// start
//window.addEvent('load', function(){ xn = new XN(); });
var xn = new XN();