$(function(){
	var reTile = function(Obj){
		Obj.oddClass = 'row1';
		Obj.evenClass = 'row2';
		if( Obj.i % 2 == 0 ){
			$(Obj.el).toggleClass(Obj.evenClass, true );
		}else{
			$(Obj.el).toggleClass(Obj.evenClass, false );
		}
//		$(Obj.el).attr({ "class" : ((Obj.i % 2 == 0) ? Obj.evenClass : Obj.oddClass) });
	}
	//the input box
	var do_search = (function(){
		var val = $(this).val();
//		if( val.length == 2 ) { expand_all(); }
		clearTimeout(timeout_search);
		timeout_search = setTimeout(
			(function(){
				if( val != prev_val ) {
				    var n = 0;
				    if( val.length > 1 ) {
				        $(".row-title").each(function(i, el){
				            el = $(el);
				            if( el.html().toLowerCase().search( val.toLowerCase() ) === -1 ){
				                el.parent().toggleClass('search-hidden', true);
				            }else{
				                el.parent().toggleClass('search-hidden', false);
				                reTile({ "i" : n += 1, "el" : el.parent()});
				            }
				        });
				    }else{
				        $('.search-hidden').toggleClass('search-hidden', false);
				        $(".row-title").each(function(i, el){
				        	el = $(el);
							reTile({ "i" : n += 1, "el" : el.parent()});
				        });
				    }
				}
				prev_val = val;
			}), 300);
	});

	$('#filter').change(do_search).keyup(do_search).click(do_search);
	var prev_val = false;
	var timeout_search = false;

});