pageSize = 6;
pageCursor = 0;
pageCount=0;
sponlogos2 = new Array();
spontemp = new Array();

function fisherYates ( myArray ) {
  var i = myArray.length;
  if ( i == 0 ) return false;
  while ( --i ) {
     var j = Math.floor( Math.random() * ( i + 1 ) );
     var tempi = myArray[i];
     var tempj = myArray[j];
     myArray[i] = tempj;
     myArray[j] = tempi;
   }
}

function randomOrder(){			
    //randomise order of array
    fisherYates(sponlogos);

    for(z = 0; z < sponlogos.length; z++){
        sponlogos2[z] = "slogo"+z;
    }
    fisherYates(sponlogos2);
}

//hide them all
	function hidor() {
		for (i = 0; i < sponlogos.length; i++) {
		Element.hide('slogo' + i)
		}
	}

// appear function
	function visor() {
		new Effect.Appear('animholder', 
    		{duration: 1,afterFinish: myCallBackOnFinApp()});
		}
		
	function myCallBackOnFinApp(){
		setTimeout('fador()',5000)
		}
		
// fade function
	function fador() {
		new Effect.Fade('animholder', 
    		{duration: 1,afterFinish: myCallBackOnFinFad()});
		}
		
	function myCallBackOnFinFad() {
		setTimeout('shlogos()',1000)
		}

// main function
	function shlogos() {
    seg = "";
    for (var i = 0; i < sponlogos2.length; i++) {
        seg += sponlogos[i];
    }
    document.getElementById("animholder").innerHTML = seg;
				hidor();
			 	for (i = pageCursor; i < pageSize; i++) {
					//Element.show("slogo" + i)
					Element.show(sponlogos2[i]);
				}
				pageCursor=i;
				pageSize=pageSize+6;
				pageCount++;
				//restart before end..
				if(pageCount == Math.floor(sponlogos.length/6)){
				    pageCursor=0;
				    pageSize=6;
				    pageCount=0;
				    randomOrder();
				}
				visor();
	}