/**
 * @author florent@ezoulou.be 20092010 - feel free to use
 */
/*
 * slider
 */
$(document).ready(function(){
	$("body .slider .wrapper").css({
		width: "auto"
	});
	$("body .slider .wrapper").wrapInner('<div class="scrollableArea"></div>');
	$("body .slider .wrapper").wrapInner('<div class="scrollWrapper"></div>');
	$("body .slider .wrapper").prepend('<div class="scrollingHotSpotLeft"></div><div class="scrollingHotSpotRight"></div>');
});



/*
 * thumbnails 5
 */
$(document).ready(function(){
	for (var i = 0; i < $("body .thumbnails5").length; i++) {
		// delay the start effect		
		var id = i;
		var delay = id * 2000;				
		setTimeout("thumbnails5Start("+id+")", delay);
	}
});
function thumbnails5Start(id){
	setInterval("tumbnails5MoveImage("+id+")", 4000);
}
function tumbnails5MoveImage(id){
	// clone first image and place it last
	$('body .thumbnails5:eq('+id+') span:first').clone().appendTo('body .thumbnails5:eq('+id+') a');
	// hide it dirctely
	$('body .thumbnails5:eq('+id+') span:last').css({width:'0'});
	// minimize the first iamge
	$('body .thumbnails5:eq('+id+') span:first').animate({
		width: '0'
	}, 1000);
	// start enlarging last image
	$('body .thumbnails5:eq('+id+') span:last').animate({
		width: '60'
	}, 1000);
	// finaly remove the first image now hidden
	setTimeout("$('body .thumbnails5:eq("+id+") span:first').remove()", 1000);				
}