var srcImage='';
var slideTime=800; //800 ms
var delay=5000; //5000 ms
var width=400; //400px
$(function(){

	chooseImage();
	addImagePanel();
	
	autosizePanel();
	
	var fn = slide;
	setTimeout(fn,delay); 
	slide();
	setTimeout(removeImagePanel,delay+slideTime+slideTime);
});


function addImagePanel(){
	$("body").append('<div id="slidePanel"><p><img id="slidePanelImg" src="'+srcImage+'"></img></p></div>');
}

function autosizePanel(){
	width = $("#slidePanelImg").width();
	var h = $("#slidePanelImg").height();
	$("#slidePanel").css( {width: width, height: h} );
}


var sipPos = 0;
function slide(){

		$("#slidePanel").animate({ right: sipPos }, slideTime, 'linear', function() {
			if(sipPos == 0) { sipPos = -width; }
			else { sipPos = 0; }
		});
	
}

function chooseImage(){


var randomnumber=Math.floor(Math.random()*60);
	
	if(randomnumber<10) srcImage = 'anthea.jpg';
	if(randomnumber>=10&&randomnumber<20) srcImage = 'arvv.jpg';
	if(randomnumber>=20&&randomnumber<30) srcImage = 'defile.jpg';
	if(randomnumber>=30&&randomnumber<40) srcImage = 'frasca.jpg';
	if(randomnumber>=40&&randomnumber<50) srcImage = 'grancaffe.jpg';
	if(randomnumber>=50&&randomnumber<60) srcImage = 'manfreds.jpg';
}

function loadImage(){
	$("#slidePanelImg").attr('src',srcImage);
}

function removeImagePanel(){
	$("#slidePanel").remove();
}