/* 
	Requires Jquery
  Coder: VC 2008-08
 */
var totalNewResourcesItems = 0;
var newResourcesCountLeft = 0;
var newResourcesShownLast = 0;
var newResourcesShowHowMany = 3;
var newResourcesUnitWidth = 124+15;

$(document).ready(function() {
	totalNewResourcesItems = jQuery('#new-resources ul li').length;

	if( totalNewResourcesItems > newResourcesShowHowMany){
		//set the style
		jQuery('#new-resources').addClass('js-new-resources');
		jQuery('#new-resources ul').css('width', newResourcesUnitWidth*totalNewResourcesItems + 'px');

		//set the vars
		newResourcesShownLast = newResourcesShowHowMany-1;
		
		//add the paging
		
		jQuery('<p class="paginator"><span class="prev prev_grey">&gt;</span><span class="pagenum">'+replaceNumberWithImage((newResourcesShownLast+1)+'/'+totalNewResourcesItems)+'</span> <span class="next">&lt;</span></p>').insertAfter(jQuery('#pagercontainer p'));
//test
		replaceNumberWithImage(jQuery('#pagercontainer .paginator .pagenum').text());
		
		//event handlers
		jQuery('#pagercontainer .paginator .prev').click(function(event){ newresources_browse_prev(this); event.preventDefault(); });
		jQuery('#pagercontainer .paginator .next').click(function(event){ newresources_browse_next(this); event.preventDefault(); });
	};	
});

function newresources_browse_prev(button){
	if(jQuery(button).hasClass('prev_grey') == false){
		//how many more to minus?
		var newDiffCount = newResourcesShowHowMany;
		if(newResourcesShownLast == totalNewResourcesItems-1){
			newDiffCount = totalNewResourcesItems - ((jQuery('#new-resources ul li.start-of-set').length-1) * newResourcesShowHowMany);
		};
		newResourcesShownLast = newResourcesShownLast - newDiffCount;
		jQuery('#new-resources ul').animate({"left": "+="+408+"px"}, { queue:true, duration:200 });
		newresources_resetPaging();
	};
};

function newresources_browse_next(button){
	if(jQuery(button).hasClass('next_grey') == false){
		//how many more to add?
		var newDiffCount = newResourcesShowHowMany;
		if(newResourcesShownLast+newDiffCount >= totalNewResourcesItems){
			newDiffCount = totalNewResourcesItems-(newResourcesShownLast+1);
		};
		newResourcesShownLast = newResourcesShownLast + newDiffCount;
		jQuery('#new-resources ul').animate({"left": "-="+408+"px"}, { queue:true, duration:200 });
		newresources_resetPaging();
	};
};

function newresources_resetPaging(){
	jQuery('#pagercontainer .paginator .prev_grey').removeClass('prev_grey');
	jQuery('#pagercontainer .paginator .next_grey').removeClass('next_grey');
	
	if(newResourcesShownLast == totalNewResourcesItems-1){
		jQuery('#pagercontainer .paginator .next').addClass('next_grey');
	}else if (newResourcesShownLast == newResourcesShowHowMany-1){
		jQuery('#pagercontainer .paginator .prev').addClass('prev_grey');
	};
	
	//jQuery('#pagercontainer .paginator .pagenum').html(replaceNumberWithImage(444+'/'+444));
	jQuery('#pagercontainer .paginator .pagenum').html(replaceNumberWithImage((newResourcesShownLast+1)+'/'+totalNewResourcesItems));
};

function replaceNumberWithImage(str){
	var retstr = "";
	for (var i = 0; i < str.length; i++) {
		 var thischar = str.charAt(i);
		 var thisclass = "num_"+thischar;
		 if(thischar == '/'){ thisclass = "num_slash"};
	   retstr += "<span class=\""+thisclass+"\">"+thischar+"</span>";
	 } ;
	return retstr;
};