function change_slide(length){
	var imageNumber = Math.ceil(Math.random()*(length+1));
	var imagePath =  jQuery('#user_slideshow-image'+imageNumber).html();
	
	var fadeSpeed = 1000;

	if(jQuery('#user_slideshow .default').hasClass('user_slideshow-hidden')){
		if(jQuery('#user_slideshow #slide1').hasClass('user_slideshow-hidden')){
			jQuery('#user_slideshow #slide1').attr('src',imagePath);
			jQuery('#user_slideshow #slide1').removeClass('user_slideshow-hidden');
			jQuery('#user_slideshow #slide1').addClass('user_slideshow-active');
			
			jQuery('#user_slideshow #slide2').removeClass('user_slideshow-active');
			jQuery('#user_slideshow #slide2').addClass('user_slideshow-hidden');
			
			jQuery('#user_slideshow #slide2').fadeOut(fadeSpeed);
			jQuery('#user_slideshow #slide1').fadeIn(fadeSpeed);
		}else{
			jQuery('#user_slideshow #slide2').attr('src',imagePath);
			jQuery('#user_slideshow #slide2').removeClass('user_slideshow-hidden');
			jQuery('#user_slideshow #slide2').addClass('user_slideshow-active');
			
			jQuery('#user_slideshow #slide1').removeClass('user_slideshow-active');
			jQuery('#user_slideshow #slide1').addClass('user_slideshow-hidden');
			
			jQuery('#user_slideshow #slide1').fadeOut(fadeSpeed);
			jQuery('#user_slideshow #slide2').fadeIn(fadeSpeed);
		}
	}else{
		jQuery('#user_slideshow #slide1').attr('src',imagePath);
		jQuery('#user_slideshow #slide1').removeClass('user_slideshow-hidden');
		jQuery('#user_slideshow #slide1').addClass('user_slideshow-active');
		
		jQuery('#user_slideshow .default').addClass('user_slideshow-hidden');
		
		jQuery('#user_slideshow .default').fadeOut(fadeSpeed);
		jQuery('#user_slideshow #slide1').fadeIn(fadeSpeed);
	}
}

function start_slideshow(length){
	setInterval( 'change_slide('+length+')', 4000 );
}

function create_image_list(){
	//get the current page
	var page =  window.location.pathname+window.location.search;	if (page=='/'){page='index.php?id=13'};

	jQuery.getJSON(page+"&eID=user_slideshow",function(json){
		var counter = 0;
		var imageList = '<ul id="user_slideshow-image-list" style="display:none">';
		jQuery.each(json,function(key,value){
			counter += 1;
			imageList += '<li id="user_slideshow-image'+counter+'">'+value+'</li>';
		})
		imageList += '</ul><img src="fileadmin/templates" width="276" height="153" alt="" id="slide1" class="user_slideshow-hidden" style="display:none;position:absolute"/><img src="fileadmin/templates" width="276" height="153" alt="" id="slide2" class="user_slideshow-hidden" style="display:none;position:absolute" />';
		var tempImage = jQuery('#user_slideshow').html();
		jQuery('#user_slideshow').html(tempImage+imageList);
		start_slideshow(counter);
	});
}

create_image_list();