var Search = {
	init : function() {
		jQuery('#searchform-category-id').each(function() {
			jQuery(this).change(function() {
				jQuery(this).find('option:selected').each(function() {
					Search.loadSubCategories(jQuery(this).val());
				});
			});
		});

		jQuery('#searchform-price-min').qtip({
			content: '<strong>Keresési segédlet</strong><br /><br />Az ár a következő formák valamelyikében is megadható:<br />12 e ft<br />12,3 e ft<br />12 m ft<br />12,3 m ft<br /><br />Kis-/nagybetű, szóköz nem számít. A vessző helyett ponttal is megadható a törtrész.',
			show: 'focus',
			hide: 'blur',
			position: {
				corner: {
					target: 'bottomLeft',
					tooltip: 'topLeft'
				}
			},
			style: {
				tip: {
					corner: 'topLeft',
					size: {
						x: 20,
						y: 8
					}
				}
			}
		});

		jQuery('#searchform-price-max').qtip({
			content: '<strong>Keresési segédlet</strong><br /><br />Az ár a következő formák valamelyikében is megadható:<br />12 e ft<br />12,3 e ft<br />12 m ft<br />12,3 m ft<br /><br />Kis-/nagybetű, szóköz nem számít. A vessző helyett ponttal is megadható a törtrész.<br />Kérjük vegye figyelembe, hogy ha a minimum ár ki van töltve és a maximum árhoz kisebb, vagy egyenlő összeget ír, akkor a maximum árat a kereső figyelmen kívül hagyja.',
			show: 'focus',
			hide: 'blur',
			position: {
				corner: {
					target: 'bottomLeft',
					tooltip: 'topLeft'
				}
			},
			style: {
				tip: {
					corner: 'topLeft',
					size: {
						x: 20,
						y: 8
					}
				}
			}
		});
		
		jQuery('#searchform-keyword').qtip({
			content: '<strong>Keresési segédlet</strong><br /><br />Pontos kifejezés:<br />Pld.: "családi ház"<br /><br />Kifejezés/kulcsszó kizárása:<br />Pld.: -"családi ház" -kiadó<br /><br />Összetett példa:<br />Szegedi tégla lakások a Dugonics téren:<br />szeged lakás -panel "Dugonics tér"',
			show: 'focus',
			hide: 'blur',
			position: {
				corner: {
					target: 'bottomLeft',
					tooltip: 'topLeft'
				}
			},
			style: {
				tip: {
					corner: 'topLeft',
					size: {
						x: 20,
						y: 8
					}
				}
			}
		});
	},
	loadSubCategories : function(categoryId) {
		if (0 == categoryId) {
			jQuery('#subcategory_holder').each(function() {
				jQuery(this).html('');
				jQuery(this).css('display', 'none');
			});
			return;
		}
		
		var data = {'method' : 'getChildrenOfCategory', 'categoryId' : categoryId};
		jQuery.ajax({
			url: '/jsAPI.php',
			cache: true,
			type: 'GET',
			data: data,
			dataType: 'json',
			contentType: 'application/json; charset=UTF-8',
			beforeSend: function() {
				jQuery('#subcategory_holder').each(function() {
					jQuery(this).html('<img src="/images/indicator.gif" />');
					jQuery(this).css('display', 'block');
				});
			},
			success: function(result) {
				if (!result) {
					jQuery('#subcategory_holder').each(function() {
						jQuery(this).html('');
						jQuery(this).css('display', 'none');
					});
					return;
				}
				if (0 < result.length) {
					var subCategories = '<div style="float: left; width: 100px;"><label for="searchform-subcategory-id">Alkategória:</label></div>';
					subCategories    += '<div style="float: left; width: 400px;">';
					subCategories    += '<select id="searchform-subcategory-id" name="subcategory_id" style="width: 380px;">';
					subCategories    += '<option value="0">Válasszon alkategóriát...</option>';
					for (i in result) {
						subCategories += '<option value="' + result[i].id + '">' + result[i].name + '</option>';
					}
					subCategories    += '</select>';
					subCategories    += '</div><br style="clear: both;" />';
					jQuery('#subcategory_holder').each(function() {
						jQuery(this).html(subCategories);
					});
				} else {
					jQuery('#subcategory_holder').each(function() {
						jQuery(this).html('');
						jQuery(this).css('display', 'none');
					});
				}
			}
		});
	}
};

jQuery(function() {
	Search.init();
});