var imgs=['1','2','3','4','5','6','7'],imx=[],p=0,fpath='/media/banner/';

var iRotat = {
	i: 0,
	d: 5000,
	t: 500,
	u: '',
	m: [],
	r: '',
	x: 0,
	l: 0,
	autcall: function(){
		
		jQuery(iRotat.r+' img').attr(
			'src',
			iRotat.u+iRotat.m[iRotat.i]+'.jpg'
		).css(
			'opacity',
			1
		);
		iRotat.x=setTimeout(
			'iRotat.irotate()',
			iRotat.d
		);
		
	},
	irotate: function(){

		if((++this.i)>=this.l)this.i=0;

		var x=this.u+this.m[this.i];

		jQuery(this.r).css('background','url('+x+'.jpg) top right no-repeat');

		jQuery(this.r+' img').animate(
			{opacity:0},
			this.t,
			this.autcall
		);
		
	},
	start: function(u,m,d,t,r) {
		this.u=u;
		this.m=m;
		this.d=d;
		this.t=t;
		this.r=r;
		this.l=m.length;
		this.irotate();
	}

}

function ldImg(i){
    imx.length=imx.length+1;
    imx[i]=new Image();
    jQuery(imx[i]).load(function(){
        p++;
        if(p>=imgs.length){
            setTimeout('sRot()',2000);
            return;
        }
        ldImg(p);
    });
    imx[i].src=fpath+imgs[p]+'.jpg';
}

function sRot(){

	jQuery('.banner_lft').prepend('<div class="shaddowing"></div>');
	jQuery('.shaddowing').prepend(jQuery('.banner_lft img').detach());
	jQuery('.shaddowing img').css('margin',0);

	iRotat.start(
		fpath,
		imgs,
		5000,
		500,
		'.shaddowing'
	)
}

jQuery(function(){ldImg(0)});