var JQ = jQuery.noConflict(),
	Pages = {};




document.observe("dom:loaded", function() {
	if(JQ('#homeMap').size()){
		fixPngVillage();
		homeHover(JQ); 
	}
	
	if(JQ('.catalogueHouseTable').size()){Pages.Catalogue.init(JQ)}
});





Pages.Catalogue = {
	loadImages: function(){
		var that = this;
		var inViewportEmtyList = JQ('.catalogueHouseTable td.preview a:inViewportEmty');
		inViewportEmtyList.each(function(){
			var id = JQ(this).parents('tr').attr('id');
			that.houses.addItem(id, $(this));
		});
		that.houses.drawImages();
	},
	
	
	houses: new function(){
		//privat members
		var idList = [],
			wrapList = [];
			
			
		//privileged members
		this.addItem = function(tmpId, jObj){
			idList.push(tmpId);
			wrapList.push(jObj);
		}
		
		this.drawImages = function(){
			if(idList.length > 0){
				JQ.ajax({
					type: 'POST',
					data: {'action': 'getImages', 'houseList': idList},
					url: '/action.php',             
					dataType : "json",                     
					success: function(data){
						for(var i=0; i<data.length; i++){
							var image = '<img class="hidden" src="'+data[i]+'"/>';
							JQ(wrapList[i]).html(image).find('img').fadeIn('fast');
						}
						idList = [];
						wrapList = [];
					}
				});
			}
		}
	},



	init: function($){
		//selector видимых домов		
		$.belowthefold = function(element) {
			var fold = $(window).height() + $(window).scrollTop();
			return fold <= $(element).offset().top;
		};
		$.abovethetop = function(element) {
			var top = $(window).scrollTop();
			return top >= $(element).offset().top + $(element).height();
		};
		$.inviewport = function(element) {return !$.belowthefold(element) && !$.abovethetop(element) && !$(element).has('img').size();};
		$.extend($.expr[':'], {"inViewportEmty": function(a){return $.inviewport(a);}});

		
		
		//preloader
		var preloadImages = $('.catalogueHouseTable td.preview .preloaderImg'),
			_offset = 0;
		setInterval(function(){
			preloadImages.css({backgroundPosition: 'left '+_offset+'px'});
			_offset = _offset - 40;
			if(_offset == -480)
				_offset = 0;
		}, 50);
	
		
		//scroll handler
		var timer = 0,
			that = this;
		$(window).scroll(function(){
			if(timer){
				clearTimeout(timer);
				timer = 0;
			}
			timer = setTimeout(function(){that.loadImages.call(that)}, 500);
		});
		
		
		this.loadImages();
	}
}






function homeHover($){
	var villageArr = [];
	
	
	$('.homeHouse').hover(
		function(){
			village = new Village($(this));
			village.showIt();
		}, 
		function(){
			village.hideIt();
			village={};
		}
	);
	
	
	
	Village = function(objJQ){
		var id = objJQ.attr('id'),
			animTime = 200,
			content = objJQ.find('.content');
			
				
		this.showIt = function(){
			objJQ.css({'z-index':'6'});
			content.fadeIn(animTime);
		};
		
		
		this.hideIt = function(){	
			content.fadeOut(animTime, function(){objJQ.css({'z-index':'5'});});
		};
		
		
		if(villageArr.indexOf(id) == -1){
			villageArr.push(id);
			
			
			$.ajax({
				type: 'POST',
				data: {'action': 'getHouses', 'village': id},
				url: '/action.php',             
				dataType : "json",                     
				success: function(data){
					var houseList = "",
						villageName = data[0].name,
						colNum = 0,
						wrapWidth = 0;
					
					
					data.shift();
					
					$(data).each(function(i){
						houseList +='\
							<div class="out" onMouseOver="this.className=\'over\'" onMouseOut="this.className=\'out\'" onClick="document.location = \'/cottages/'+this.id+'/\'">\
								<a href="/cottages/'+this.id+'/">\
									<img src="'+this.preview+'"/>\
								</a>\
								<p>\
									Дом:&#160;'+this.house_area+'&#160;м<sup>2</sup><br/>\
									Участок:&#160;'+this.garden_area+'&#160;сот.<br/>\
									От&#160;МКАД:&#160;'+this.mkad_range+'&#160;км\
								</p>\
								<strong>'+this.price+'&#160;'+this.currency+'</strong>\
							</div>\
						';
					})
					
					
					if(data.length == 1)
						colNum = 1;
					else if(data.length == 2)
						colNum = 2;
					else
						colNum = 3;
					
					wrapWidth = colNum*120;
					
					
					houseList = '\
						<h1><a href="/villages/'+id+'/">'+villageName+'</a></h1>\
						<div class="homeHouseBlock" style="width:'+wrapWidth+'px">\
							'+houseList+'\
						</div>'
					;
					
					content.append(houseList);
				}
			});
		}
	}
	
	
	if(!Array.indexOf){
	    Array.prototype.indexOf = function(obj){
	        for(var i=0; i<this.length; i++){
	            if(this[i]==obj){
	                return i;
	            }
	        }
	        return -1;
	    }
	}
	
}



function toogleObj(link, obj_id, on_class, off_class, on_link, off_link)
{
	var obj = $(obj_id);
	obj.className = obj.className == off_class ? on_class : off_class;
	link.className = link.className == off_link ? on_link : off_link;
}



function fixPngVillage()
{
	if (/MSIE (5\.5|6).+Win/.test(navigator.userAgent) && navigator.userAgent.search("Opera") < 0){
		document.getElementById('homeVillageBlock').className = 'pngVillageFix';
	}
}



function showLoad () {
	$('load').style.display = 'block';
}



function resortHome(viewPage){
	var house_area_from = $F('house_area_from');
	var house_area_to = $F('house_area_to');
	var garden_area_from = $F('garden_area_from');
	var garden_area_to = $F('garden_area_to');
	var mkad_range_from = $F('mkad_range_from');
	var mkad_range_to = $F('mkad_range_to');
	var price_from = $F('price_from');
	var price_to = $F('price_to');
	var house_id = $F('house_id');

	var url  = '/action.php';
	var pars = 'action=resort&view='+viewPage+'&house_area_from='+house_area_from+'&house_area_to='+house_area_to+'&garden_area_from='+garden_area_from+'&garden_area_to='+garden_area_to+'&mkad_range_from='+mkad_range_from+'&mkad_range_to='+mkad_range_to+'&price_from='+price_from+'&price_to='+price_to+'&house_id='+house_id+'&nocahe='+Math.random();

	var myAjax = new Ajax.Request(url, {
		method: 'get', parameters: pars,
		onCreate: showLoad(),
		onComplete: function(transport) {

			$('load').style.display = 'none';
			
			var response = transport.responseXML.documentElement;
			//alert(transport.responseText);
			var result = response.getElementsByTagName('village');
			for (var i = 0; i< result.length; i++){
				var vID = result[i].getAttribute('id');
				//var total = result[i].getAttribute('total');

				var houseList = result[i].getElementsByTagName('house');
				var hideList = result[i].getElementsByTagName('hide');
				var total = houseList.length;

				for (var j = 0; j< hideList.length; j++){
					var hideID = hideList[j].getAttribute('id');
					$(hideID).style.display = 'none';
				}

				for (var s = 0; s< houseList.length; s++){
					var showID = houseList[s].getAttribute('id');
					$(showID).style.display = 'block';
				}

				var tmp_village = $(vID);
				if(tmp_village!=null){
					if(total > 0){

						var block_div = $('block_'+vID);

						
						if(total == 1)
							block_div.style.width = '120px';
						if(total == 2)
							block_div.style.width = '240px';							
						if(total > 2)
							block_div.style.width = '360px';	
							
						var count_span = $('count_'+vID);
						count_span.innerHTML = total;
						
						tmp_village.style.display = 'block';
					}else{
						tmp_village.style.display = 'none';
					}
				}

			}
		} 
	});
}


function ShowArenda(){
	
	var url  = '/action.php';
	var pars = 'action=show_arenda&nocahe='+Math.random();

	var myAjax = new Ajax.Request(url, {
		method: 'get', parameters: pars,
		onCreate: showLoad(),
		onComplete: function(transport) {

			$('load').style.display = 'none';
			
			var response = transport.responseXML.documentElement;
			//alert(transport.responseText);
			var result = response.getElementsByTagName('village');
			
			var L = result.length;
			
			for (var i = 0; i<L; i++){
				var vID = result[i].getAttribute('id');
				var vTotal = result[i].getAttribute('total');
								
				var tmp_village = $(vID);
				if(tmp_village!=null){
					if(vTotal != 0){
						var count_span = $('count_'+vID);
						count_span.innerHTML = vTotal;
						tmp_village.style.display = 'block';
					
					}else{
						tmp_village.style.display = 'none';
					}
				}

			}
		} 
	});
}



function resortCatalogue(viewPage){
	var house_area_from = $F('house_area_from');
	var house_area_to = $F('house_area_to');
	var garden_area_from = $F('garden_area_from');
	var garden_area_to = $F('garden_area_to');
	var mkad_range_from = $F('mkad_range_from');
	var mkad_range_to = $F('mkad_range_to');
	var price_from = $F('price_from');
	var price_to = $F('price_to');
	var house_id = $F('house_id');
	

	var url  = '/action.php';
	var pars = 'action=resort&view='+viewPage+'&house_area_from='+house_area_from+'&house_area_to='+house_area_to+'&garden_area_from='+garden_area_from+'&garden_area_to='+garden_area_to+'&mkad_range_from='+mkad_range_from+'&mkad_range_to='+mkad_range_to+'&price_from='+price_from+'&price_to='+price_to+'&house_id='+house_id+'&nocahe='+Math.random();

	//console.log(pars);
	
	var myAjax = new Ajax.Request(url, {
		method: 'get', parameters: pars,
		onCreate: showLoad(),
		onComplete: function(transport) {
			$('load').style.display = 'none';
			
			var response = transport.responseXML.documentElement;
			var result = response.getElementsByTagName('village');
			for (var i = 0; i< result.length; i++){
				var vID = result[i].getAttribute('id');

				var houseList = result[i].getElementsByTagName('house');
				var hideList = result[i].getElementsByTagName('hide');
				var total = houseList.length;

				for (var j = 0; j< hideList.length; j++){
					var hideID = hideList[j].getAttribute('id');
					$(hideID).className = 'rowHide';
				}

				for (var s = 0; s< houseList.length; s++){
					var showID = houseList[s].getAttribute('id');
					$(showID).className = 'rowShow';
				}
			}
			Pages.Catalogue.loadImages();
		} 
	});
}