var pics = new Array();
var titles = new Array();
var contents = new Array();
var ids = new Array();
var buttons = new Array();
var i = 0;

function changeArticle(i, range)
{
	if(i < range)
	{		
		var curr, hidedir, showdir;
		
		i = (i + 1) % range;
		
		curr = parseInt($('.current').val()) - 1;
		
		if(curr < i)
		{
			hidedir = "right";
			showdir = "left";
		}
		else
		{
			hidedir = "left";
			showdir = "right";
		}
		
		if(i < 0)
		{
			i = range + i;
		}
		
		$('.current').removeClass('current');
		
		buttons[i].addClass('current');		
		buttons[i].attr('checked', true);
		$('.nav-buttons').buttonset('refresh');
		
		$(".img-container").hide("slide", {direction: hidedir}, function()
		{
			$(".img-container").css("background", 'url(\'' + pics[i] + '\')');
			$(".img-container").css('background-color', '#000');
			$(".img-container").css('background-repeat', 'no-repeat');
			$(".img-container").css('background-position', 'center');
			$(".img-container").show("slide", {direction: showdir});
		});
		
		$(".news-title").hide("slide", {direction: hidedir}, function()
		{
			$(".news-title").html(titles[i]);
			$(".news-title").show("slide", {direction: showdir});
		});
		
		$(".news-short-content").hide("slide", {direction: hidedir}, function()
		{
			$(".news-short-content").html(contents[i]);
			$(".news-short-content").show("slide", {direction: showdir});
		});
		
		$(".news-link").hide("slide", {direction: hidedir}, function()
		{
			$(".news-link").attr('href', '#vijesti?id=' + ids[i]);
			$(".news-link").show("slide", {direction: showdir});
		});
	}
	
	return i;
}

function newsPreviewLoad()
{
	
	$('#news-preview-buttons').buttonset();
	
	for(var i = 0; i < 5; i++)
	{
		var newsPreviewJSON = jQuery.parseJSON($('.news-preview-json').eq(i).val());
		
		pics[i] = newsPreviewJSON.path;
		titles[i] = newsPreviewJSON.title;
		contents[i] = newsPreviewJSON.content;
		ids[i] = newsPreviewJSON.ID;
		
		//strip pargraphs
		contents[i] = contents[i].replace(/&lt;\s*p\s*&gt;/gi, '');
		contents[i] = contents[i].replace(/&lt;\s*\/p\s*&gt;/gi, '<br />');;
		
		//fix any HTML tags
		contents[i] = contents[i].replace(/&gt;/gi, '>');
		contents[i] = contents[i].replace(/&lt;/gi, '<');
	}
	
	i = 0;
	
	$('.news-link').button();
	
	$(".nav-button").each(function()
	{
		buttons[i] = $(this);
		i ++;
	});
	
	buttons[0].addClass('current');
	
	$(".img-container").css("background-image", 'url(\'' + pics[0] + '\')');
	$(".news-title").html(titles[0]);
	$(".news-short-content").html(contents[0]);
	
	i = 0;
	
	$(".img-container").everyTime(5000, function() {
		
		i = changeArticle(i, 5);
	});
	
	$(".nav-button").click(function()
	{
		i = parseInt($(this).val()) - 2;
		
		changeArticle(i, 5);
		
		$(".img-container").stopTime();
	});
	
	$(".navigate-forwards").click(function() {
		
		i = parseInt($('.nav-button:checked').val()) - 1;
		
		changeArticle(i, 5);
		
		$(".img-container").stopTime();
	});
	
	$(".navigate-back").click(function() {
		
		i = parseInt($('.nav-button:checked').val()) - 3;
		
		changeArticle(i, 5);
		
		$(".img-container").stopTime();
	});
}