jQuery(document).ready(function(){	
	
	showing = jQuery('#interface-streamer-portal div.interface-streamer-item-portal:first'); // Initiate the 'showing' variable as the first rotating_item
	
	showing.siblings('div.interface-streamer-item-portal').hide(); // Hide all other rotating_items	
	setInterval("show_next_rotating_item(showing)", 8000); // Set the rotate time to 5 seconds
	
	$('#interface-streamer-portal').bind("click" ,function (e){show_next_rotating_item(showing);})
	
});
 
// Below is the code that picks an item at random to display
jQuery.jQueryRandom = 0;  
jQuery.extend(jQuery.expr[":"],  
{  
    random: function(a, i, m, r) {  
        if (i == 0) {  
            jQuery.jQueryRandom = Math.floor(Math.random() * r.length);  
        };  
        return i == jQuery.jQueryRandom;  
    }  
}); 
 
// The below function repeatedly gets called, to do the rotating
function show_next_rotating_item(t){
	jQuery(t).fadeOut('slow');
 
	var next_rotating_item = jQuery(t).siblings('.interface-streamer-item-portal:random');
	if(!next_rotating_item.attr('class')){
		next_rotating_item = jQuery('#interface-streamer-portal div.interface-streamer-item-portal:first');
	}
	next_rotating_item.fadeIn(1600);
 
	showing = next_rotating_item;	
}