PageBrowser = function(container, innercontainer, options) {
	var container = jQuery(container);
	var innercontainer = jQuery(innercontainer);
	var size = jQuery('div.col', innercontainer).length;
	
	var active = size > 1;
	
	var current = 1;
	
	var pb;

	var choosePrev = function() {
		var c = current - 1;
		if (c == 0) c = size;
		choose(c);
	}
	var chooseNext = function() {
		var c = current + 1;
		if (c > size) c = 1;
		choose(c);
	}
	
	var choose = function(c) {
		current = c;
		jQuery('div.col', innercontainer).each(function (i) {
	        if (i+1 == c) {
	            jQuery(this).show();
	        } else {
	        	jQuery(this).hide();
	        }
	    });
		jQuery('a', pb).each(function (i) {
			if (jQuery(this).attr('title') == c) {
				jQuery(this).addClass('active');
			} else {
				jQuery(this).removeClass('active');
			}
	    });

	}
	
	if (active) {
		pb = jQuery('<div class="pagebrowser">');
		
		var linkPrev = jQuery('<a href="#">&lt;</a>');
		linkPrev.click(function() {
			choosePrev();
			return false;
		});
		pb.append(linkPrev);
		
		for (var i = 1; i <= size; i++) {
			var numlink = jQuery('<a href="#" title="' + i + '">' + i + '</a>');
			numlink.click(function() {
				choose(jQuery(this).attr('title'));
				return false;
			});
			if (current == i) {
				numlink.addClass('active');
			}
			pb.append(numlink);
		}
		

		var linkNext = jQuery('<a href="#">&gt;</a>');
		linkNext.click(function() {
			chooseNext();
			return false;
		});
		pb.append(linkNext);
		
		pb.append(jQuery('</div>'));
		
		container.append(pb);
		
	}
	
	
}