$.fn.slideshow=function(images, configs){
	$(this).html("<img id=\"slideshowtempida\" style=\"z-index:1\" /><img id=\"slideshowtempidb\" style=\"z-index:2\" />");
	var backpic=$('#slideshowtempida');
	var frontpic=$('#slideshowtempidb');
	backpic.uid();
	frontpic.uid();
	var w=Number(configs.width?configs.width:$(this).width());
	var h=Number(configs.height?configs.height:$(this).height());
	var c=configs.color?configs.color:"#aa9c93";
	var f=configs.framewidth?configs.framewidth:0;
	var fbg=configs.framebg?configs.framebg:"";
	var at=configs.animatetime?configs.animatetime:1000;
	var st=configs.slidetime?configs.slidetime:3000;
	backpic.attr("width", w);
	backpic.attr("height", h);
	frontpic.attr("width", w);
	frontpic.attr("height", h);
	if(at>=st){
		at=st-1;
	}
	$(this).css({width:w-f-f,height:h-f-f,backgroundColor:c,padding:f});
	if(fbg){
		$(this).css("backgroundImage", fbg);
	}
	//backpic.css({width:w-f-f,height:h-f-f,position:"absolute"});
	//frontpic.css({width:w-f-f,height:h-f-f,position:"absolute"});
	backpic.css("position", "relative");
	frontpic.css("position", "relative");
	frontpic.css("top", -h+"px");
	var NextSlide=0;
	var Slides=[];
	for(var i=0; i<images.length; i++){
		Slides[i]=new Image(260, 210);
		Slides[i].src=images[i];
	}
	//frontpic.css('backgroundImage', "url("+images[0]+")");
	frontpic.attr("src", images[0]);
	NextSlide=1;
	var ShowNextSlide=function(){
		backpic.attr("src", frontpic.attr("src"));
		frontpic.attr("src", images[NextSlide]);
		//backpic.css('backgroundImage', frontpic.css('backgroundImage'));
		//frontpic.css('backgroundImage', "url("+images[NextSlide]+")");
		frontpic.fadeOut(0);
		frontpic.fadeIn(at);
		NextSlide=(NextSlide+1)%images.length;
	}
	var slideInterval=setInterval(ShowNextSlide, st);
}
