// JavaScript Document
window.addEvent('domready', function() {
//code below
var one = $('rotate1');//element with lower z-index
var two = $('rotate2');//element with higher z-index
var myImages = ['url(wp-content/themes/berewick/images/slideshow/rotate1.jpg)',
				'url(wp-content/themes/berewick/images/slideshow/rotate2.jpg)',
				'url(wp-content/themes/berewick/images/slideshow/rotate3.jpg)',
				'url(wp-content/themes/berewick/images/slideshow/rotate4.jpg)',
				'url(wp-content/themes/berewick/images/slideshow/rotate5.jpg)',
				'url(wp-content/themes/berewick/images/slideshow/rotate6.jpg)',
				'url(wp-content/themes/berewick/images/slideshow/rotate7.jpg)',
				'url(wp-content/themes/berewick/images/slideshow/rotate8.jpg)',
				'url(wp-content/themes/berewick/images/slideshow/rotate9.jpg)',
				'url(wp-content/themes/berewick/images/slideshow/rotate10.jpg)',
				'url(wp-content/themes/berewick/images/slideshow/rotate11.jpg)'];
var i = $random(0, myImages.length-1);
//set first image
one.setStyle('background-image', myImages[0]);//or set to number that corresponds with 'the chosen' slide    
two.setStyle('opacity', 0);
var show = function() {
 i = $random(0, myImages.length-1);
 two.setStyle('opacity',0);
 two.setStyle('background-image', myImages[i]);
 two.set('tween',{duration: 2600});
 two.tween('opacity', [0,1]);
 (function(){one.setStyle('background-image', myImages[i]);i++;}).delay(5900)
}
show.periodical(6100);
//code above
});