$(document).ready(function(){
	var todosLositemsREC   = $("#pane2").html();
	var todosLositemsOFF   = $("#pane3").html();
	$("#consola").html(todosLositemsREC);
	$("#consola2").html(todosLositemsOFF);
});

function ShowItems(base){
	
	var indice = 0;
	var html   ='<div class="award">';
	for(i=1;i<$("#consola span.item").length+1;i++){
		
			indice = i-1;
			if((i%base)==0){
				
				html   = html + $("#consola  span.item").eq(indice).html() + '</div><div class="award">';
			}
			else
			{
				html   = html + $("#consola  span.item").eq(indice).html();
			}
	}
	  html   = html +'</div>';
	  
	$('#pane2').cycle('destroy');
	$("#pane2").html(html);
	$('#pane2').cycle({ 
		fx:     'fade', 
		speed:  'fast', 
		timeout: 0, 
		next:   '#rec_next', 
		prev:   '#rec_prev'
	});

}
function ShowItemsOFF(base){
	
	var indice = 0;
	var html   ='<div class="award">';
	for(i=1;i<$("#consola2 span.item").length+1;i++){
		
			indice = i-1;
			if((i%base)==0){
				
				html   = html + $("#consola2  span.item").eq(indice).html() + '</div><div class="award">';
			}
			else
			{
				html   = html + $("#consola2  span.item").eq(indice).html();
			}
	}
	  html   = html +'</div>';
	  
	$('#pane3').cycle('destroy');
	$("#pane3").html(html);
	$('#pane3').cycle({ 
		fx:     'fade', 
		speed:  'fast', 
		timeout: 0, 
		next:   '#off_next', 
		prev:   '#off_prev'
	});
}