jQuery(function() {

	var currentPage = 0;

	function getFilters() {
		var filters = {};
		jQuery('.inputFilter').each(function() {
			filters[jQuery(this).attr('name')] = jQuery(this).is('[@type=checkbox]') ? (jQuery(this).is(':checked') ? 1 : 0) : jQuery(this).val();
		});
		filters['page'] = currentPage;
		return filters;
	}

	function getMatches() {
		jQuery('#peopleContent').html('<div class="ltrUsersThumb" style="text-align: center !important;"><object height="100" width="115"><param value="/swf/module/loader_circles.swf" name="movie"/><embed height="100" width="115" src="/swf/module/loader_circles.swf"/></object></div>');
		jQuery('#prevPage').hide();
		jQuery('#nextPage').hide();

		jQuery.post('/discover/getPeople', 
			getFilters(), 
			function(response) {
				jQuery('#peopleContent').empty();
				switch (jQuery('.viewTrigger.selected').attr('id'))
				{
					case 'thumbView' :
						var wrapper = jQuery('<div class="ltrUsersThumb"></div>');
						var container = jQuery('<ul></ul>');
						wrapper.append(container);
						jQuery('#peopleContent').append(wrapper);
					break;
					case 'listView' :
						container = jQuery('#peopleContent');
					break;
					case 'fullView' :
					break;
				}
				totalMatches = 0;
				for (var i in response) {
					if (response[i].modules) {
						totalMatches++;
						var user = response[i];
						switch (jQuery('.viewTrigger.selected').attr('id'))
						{
							case 'thumbView' :
								container.append('<li><a title="' + user.username + '" href="/me/' + user.friendlyUrl + '" class="ltrImageRounded" alt="' + user.username + '"><img src="' + user.photo + '" /><img class="ltrFrameSmall" src="/img/nav/rnd_frame_small_qw.png" alt="" /></a></li>');
							break;
							case 'listView' : 
								modules = '<ul>';
								for (var i in user.modules) {
									modules += '<li><img src="/img/nav/' 
											+ user.modules[i].cName 
											+ (user.modules[i].completed ? '_bulina.gif' : '_cerculet.gif') 
											+ '" alt="" /></li>';
								}
								modules += '</ul>';
								container.append('<div class="ltrUsersList"><a href="/me/' + user.friendlyUrl + '" class="ltrImageRounded"><img src="' + user.photo + '" alt="" /><img class="ltrFrameSmall" src="/img/nav/rnd_frame_small_qw.png" alt="" /></a><div class="ltrUsersListInfo"><div class="ltrFont11"><a href="/me/' + user.friendlyUrl + '"><strong>' + user.username + '</strong></a></div><div class="ltrProgressBar"><div class="ltrFlexy" style="width: ' + user.percent + '%;"><span class="ltrLeftProgress"> </span><span class="ltrRightProgress"> </span></div></div><span class="percentBlkTxt q7">' + user.percent + '%</span><div class="ltrQuizBuline">' + modules + '</div><div class="ltrUserListInfo">' + user.country + ', ' + user.age + ', ' + user.gender + ', ' + user.relation + '</div></div></div>');
							break;
						}
					} else {
						if (response[i].nextPage) jQuery('#nextPage').show();
						if (currentPage > 0) jQuery('#prevPage').show();
					}
				}
				jQuery('#totalMatches').html('(' + totalMatches + ')');
			}, 
			'json'
		);
	}

	var totalMatches = 0;
	var filters = getFilters();

	jQuery('#nextPage').click(function() {
		currentPage = parseInt(currentPage) + 1;
		getMatches();
		return false;
	});

	jQuery('#prevPage').click(function() {
		currentPage = parseInt(currentPage) - 1;
		getMatches();
		return false;
	});

	jQuery('#ageFrom').change(function() {
		var ageTo = jQuery('#ageTo');
		if (jQuery(this).val())
		{
			if (ageTo.val()) 
			{
				if (ageTo.val() < jQuery(this).val())
					ageTo.val(jQuery(this).val());
			} else ageTo.val('80');
		} else ageTo.val('');
	});

	jQuery('#ageTo').change(function() {
		var ageFrom = jQuery('#ageFrom');
		if (jQuery(this).val())
		{
			if (ageFrom.val()) 
			{
				if (jQuery(this).val() < ageFrom.val())
					jQuery(this).val(ageFrom.val());
			} else ageTo.val('80');
		} else ageFrom.val('');
	});

	jQuery('.inputFilter').change(function() {
		currentPage = 0;
		getMatches();
	});

	jQuery('#listView').addClass('selected');
//	jQuery('#filterEveryone').addClass('active');

	jQuery('.viewTrigger').click(function() {
		jQuery('.viewTrigger.selected').removeClass('selected');
		jQuery(this).addClass('selected');
		getMatches();
		return false;
	});

	jQuery('.filterTrigger').click(function() {
		jQuery('.filterTrigger.active').removeClass('active');
		jQuery(this).addClass('active');
		getMatches();
		return false;
	});

	getMatches();

});