$.preloadImages = function() {
	for (var i = 0; i<arguments.length; i++) {
		img = new Image();
		img.src = arguments[i];
	}
}

$.preloadImages (
	"ss/1.jpg",
	"ss/2.jpg",
	"ss/3.jpg",
	"ss/4.jpg",
	"ss/5.jpg",
	"ss/6.jpg",
	"ss/7.jpg",
	"ss/8.jpg"
);


/*
* Slideshow
*/

function homeSlideshowThumbOverFx(el) {
	el.find('img').animate( { opacity:"1" }, 400 );
}

function homeSlideshowThumbOutFx(el) {
	el.find('img').animate( { opacity:"0.5" }, 200 );
}

$(document).ready(function() {
	/*
	 * Se il valore iniziale dell'opacit� delle thumbs � sempre lo stesso,
	 * meglio inserire nel CSS:
	 * 
	 * #controlbar img { opacity:0.5; }
	 * 
	 * ed eliminare la riga sottostante.
	 */
	$('#controlbar a img').css('opacity', 0.5);
	
	$('#controlbar a').hover(
		function() {
			homeSlideshowThumbOverFx($(this));
		},
		function() {
			homeSlideshowThumbOutFx($(this));
		}
	);
	
	$('#controlbar a').click(function() {
		window.location.href = this.href;
	});
	
	$('#image_wrap').cycle({
		fx: 'fade',
		pause:true,
		containerResize:false,
		pager:'#controlbar',
		pauseOnPagerHover:true,
		pagerEvent: 'mouseover',
		pagerAnchorBuilder: function(idx, slide) { 
			var el = $('#image_wrap a:eq(' + idx + ')');
			return el.attr('rel'); 
		},
		before:function(currSlideElement, nextSlideElement, options, forwardFlag) {
			homeSlideshowThumbOverFx($($(nextSlideElement).attr('rel')));
			if(nextSlideElement != currSlideElement)
				homeSlideshowThumbOutFx($($(currSlideElement).attr('rel')));
		}
	});
});