function showLogos(){
  	logos = document.getElementById("logoRotater").getElementsByTagName("li");
  
	for (var i=0; i < 5; i++ ) {
		var logo = logos[i];
		logo.style.display = "block";
	}
}


var grp = 0;
var maxgrp = 10;

function rotateLogos(grp){
  
  for (var i=0; i < logos.length; i++ ) {
	var logo = logos[i];
	
	if(i >= grp && i <= grp + 4){
        logo.style.display = "block";
	}
	else{
		logo.style.display = "none";
	}
  }
}

function showNext(){
	if(grp < maxgrp-4)
		grp = grp + 5;
	else
		grp=0;
		
	rotateLogos(grp);
}

function showPrev(){
	if(grp > 1)
		grp = grp - 5;
	else
		grp=maxgrp;

	rotateLogos(grp);
}