// JavaScript Document

var items_per_page;
var nr_of_items;
var total_width;
var nr_of_pages;
var width_per_page;
var timer;
var current_page;

$(document).ready(function() 
{
	//config
	items_per_page = 3;
	
	if ($('#logoslider').size() > 0)
	{
	
		//setup
		nr_of_items = $('#logoslider ul li').size();
		total_width = ($('#logoslider ul li').width() + parseInt($('#logoslider ul li').css('margin-right').split("px").join(""))) * nr_of_items;
		width_per_page = ($('#logoslider ul li').width() + parseInt($('#logoslider ul li').css('margin-right').split("px").join(""))) * items_per_page;
		
		$('#logoslider ul').width(total_width);
		
		nr_of_pages = Math.ceil(nr_of_items / items_per_page);
		//add pagination buttons
		if (nr_of_pages > 1)
		{
			for (var i = 0; i < nr_of_pages; i++)
			{
				$('#logoslider-pagination').append('<img src="/wp-content/themes/ziedisplays/img/pagination-'+((i == 0) ? 'active-' : '')+'page.png" alt="Toon pagina '+(i+1)+'" id="p-'+i+'" /> ');
			}
			//add button functionality
			$('#logoslider-pagination img').click(function()
			{
				slideToPage($(this).attr('id').split("-")[1]);
			});
			
			current_page = 0;
			timer = setTimeout(autoslide, 5000);
		}
		
	}
	
});

function slideToPage(page)
{
	clearTimeout(timer);
	
	current_page = page;
	var posx = current_page * width_per_page;
	$('#logoslider ul').animate({
		left: -posx,
	}, 1000, function() {
		// Animation complete.
	});
	
	$('#logoslider-pagination img').attr('src', '/wp-content/themes/ziedisplays/img/pagination-page.png');
	$('#logoslider-pagination img').attr('alt', $('#logoslider').width());
	$('#p-'+current_page).attr('src', '/wp-content/themes/ziedisplays/img/pagination-active-page.png');
	
	timer = setTimeout(autoslide, 5000);
}

function autoslide()
{
	var new_page = parseInt(current_page)+1;
	if (new_page >= nr_of_pages)
	{
		new_page = 0;
	}
	slideToPage(new_page);
}