// page init
$(function(){
	initRandomArea();
	initTableFilter();
});

// random blocks show
function initRandomArea() {
	function rndNum(c) {
		return Math.floor(Math.random()*c+1);
	}
	$('div.changeable').each(function(){
		var _slides = $(this).find('div.slide').hide();
		_slides.eq(rndNum(_slides.length)-1).show();
	});
}

// category filter
function initTableFilter() {
	var _animSpeed = 300;
	var _checkedClass = 'checked';
	var _multipleSwitch = true;

	$('div.filter-area').each(function(){
		var _holder = $(this);
		var _tags = _holder.find('ul.filter-list a');
		var _rowsHolder = _holder.find('div.height-holder');
		var _rows = _rowsHolder.find('table.inform tr');
		var _tagList = [];

		_tags.click(function(){
			var _opener = $(this);
			if(_opener.hasClass(_checkedClass)) {
				_opener.removeClass(_checkedClass);
			} else {
				_opener.addClass(_checkedClass);
			}
			if(!_multipleSwitch) _tags.not(_opener).removeClass(_checkedClass);
			refreshFilter();
			return false;
		});

		function refreshFilter() {
			// collect tags
			_tagList = [];
			_tags.filter('.'+_checkedClass).each(function(){
				_tagList.push($(this).attr('rel'));
			});

			// filter tags
			_rowsHolder.css({height:_rowsHolder.height()});
			_rows.hide().each(function(){
				for(var i=0; i<_tagList.length; i++) {
					if($(this).attr('title').match(new RegExp('(\\s|^)'+_tagList[i]+'(\\s|$)'))) $(this).show();
				}
			});
			_rowsHolder.animate({height:_rowsHolder.children().height()},{duration:_animSpeed,queue:false});
		}
	});
}