// This is a very simple demo that shows how a range of elements can
// be paginated.
// The elements that will be displayed are in a hidden DIV and are
// cloned for display. The elements are static, there are no Ajax 
// calls involved.


/**
* Callback function that displays the content.
*
* Gets called every time the user clicks on a pagination link.
*
* @param {int} page_index New Page index
* @param {jQuery} jq the container with the pagination links as a jQuery object
*/

function pageselectCallback(page_index, jq){
	// Get number of elements per pagionation page from form
    var items_per_page = 3;
    var max_elem = Math.min((page_index+1) * items_per_page, jQuery('#hiddenresult div.post').length);
    var newcontent = '';
    
	// Iterate through a selection of the content and build an HTML string
    for(var i=page_index*items_per_page;i<max_elem;i++)
    {
		newcontent += '<div class="post">' + jQuery('#hiddenresult div.post:eq('+[i]+')').html() + '</div>';
	}
	
	$('#Searchresult').html(newcontent);
	return false;

}
           
/** 
* Initialisation function for pagination
*/
function initPagination() {
	// count entries inside the hidden content
	var num_entries = jQuery('#hiddenresult div.post').length;
	// Create content inside pagination element
	$("#Pagination").pagination(num_entries, {
		callback: pageselectCallback,
		items_per_page:3,
		prev_text:'Tillbaka',
		next_text:'Fler nyheter',
		next_show_always:false,
		prev_show_always:false,
		num_display_entries:0
	});
}


$(document).ready(function() {
    
	if ( $('.post').length != 0 ) {
		
		$('#hiddenresult').hide();
	
		initPagination();
	
	}
	
	if ( $('.staffMember').length > 1 ) {
		$('.staffMember').not(':first').css({'display':'none'});
		$('.staffMember:first').addClass('active');
		
		$('#content').append('<div class="arrow_left">Previous</div>');
		$('#content').append('<div class="arrow_right">Next</div>');
		
		$('.arrow_left').click(function(){
			var $active = $(this).siblings(".staffMember.active");
			if($active.length === 0) $active = $(this).siblings(".staffMember:first");
			var $prev = $active.prev('.staffMember').length ? $active.prev('.staffMember') : $(this).siblings(".staffMember:last");
			$active.css({'display':'none'}).removeClass("active");	
			$prev.css({'display':'block'}).addClass("active");		
		});
		
		$('.arrow_right').click(function(){
			var $active = $(this).siblings(".staffMember.active");
			if($active.length === 0) $active = $(this).siblings(".staffMember:last");
			var $next = $active.next('.staffMember').length ? $active.next('.staffMember') : $(this).siblings(".staffMember:first");
			$active.css({'display':'none'}).removeClass("active");	
			$next.css({'display':'block'}).addClass("active");				
		});
	}
	
});

function SetMailLink(url) {
	var temp = url;
	temp = temp.replace('[at]', '@');
	temp = 'mailto:' + temp;
	
	window.open(temp, 'mailwindow');
}