genTabs = function ( h , c )
	{
		hHtml = '';
		for ( var i in h )
			hHtml += '<li><a href="#arttabs-'+i+'" >'+ h[i] +'</a></li>';
		hHtml = '<ul>'+hHtml+'</ul>';

		cHtml = '';
		for ( var i in c )
			cHtml += '<div id="arttabs-'+i+'">' + c[i] + '</div>';

		return '<div class="tabs">'+hHtml+cHtml+'</div>';
	}

;(function(){
	$.fn.readVertical = function ( w )
	{
		var n = this.children('#paper').children('.page').length;
		n = (n==1)?0:n;

		var paper = this.children('#paper');
		this.css({width:w*1,overflow:'hidden'});
		this.children().css({'width':w*(n+1)});
		this.children().children().css({'width':w*1,float:'left'});
		this.after('<div id="pagebt" ></div>');
		for ( var i=1; i<=n; i++ )
			this.next( '#pagebt' ).append('<div class="pagebt round" style="font:bold 11pt arial;color:#666;float:left;border:1px solid #ccc;padding:2px 8px;margin:2px;cursor:pointer;background:transparent url(img/bg-trans.png);">'+i+'</div>');
		this.next( '#pagebt' ).append('<div style="clear:both"></div>');
		$( '.pagebt' ).click(function(){
			var c = $( this ).html();
			p = $( this ).parent('div').prev('div').children('div');
			p.animate({marginLeft: (c-1)*(-w)},150);
		});
	}
})(jQuery);