$().ready(function(){
	// Problem with triggering when requested by ajax.
	$('#news').blog();
});

(function($){
	$.fn.blog=function(options){
		var $news=$(this);
		var $backward=$('.arrowLeft', this);
		var $forward=$('.arrowRight', this);
		$('#news a.blogLink').each(function(){
			$(this).click(function(){
				ajaxLoader(true);
				var href=$(this).attr('href');
				$.ajax({url: href,  
					type: 'GET',
					async: false,
					dataType: 'json',
					success: function(data){
								showDialog(data.title, data.content);
								ajaxLoader(false);
								pageTracker._trackPageview(href);
							}
					});
			return false;
			});
		});
		$forward.click(function(){
			ajaxLoader(true);
			// get currently selected
			var selected=$('.selected', $news).html();
			if(selected==4){
				selected=1;
			}else{
				selected=(selected*1)+1;
			}
			showPage(selected);
			return false;
		});
		$backward.click(function(){
			ajaxLoader(true);
			// get currently selected
			var selected=$('.selected', $news).html();
			if(selected==1){
				selected=4;
			}else{
				selected=(selected*1)-1;
			}
			showPage(selected);
			return false;
		});
	}
	
	function showPage(newPageNr){
		$.ajax({url: '/blog', 
				data: {page: newPageNr, sidebar: true}, 
				type: 'GET',
				async: false,
				dataType: 'json',
				success: function(data){
							$('#itemWrapper').fadeOut('slow', function(){
								var $this=$(this);
								$this.html(data.content);
								$this.fadeIn('slow');
								$('.page').removeClass('selected');
								$('.page'+newPageNr).addClass('selected');
								$('#news a.blogLink').unbind('click');
								$('#news a.blogLink').each(function(){
									$(this).click(function(){
										ajaxLoader(true);
										$.ajax({url: $(this).attr('href'),  
											type: 'GET',
											async: false,
											dataType: 'json',
											success: function(data){
														showDialog(data.title, data.content);
														ajaxLoader(false);
													}
											});
									return false;
									});
								});
								ajaxLoader(false);
							});
						}
				});
		
	}
})(jQuery);