$(document).ready(function() {
	w1=660;
	min_w=960;
   SetWidth();
   $('.img li').css({opacity:'0'});
   $('.img li span').animate({left:'-660'},0);
   function SetWidth(){
		new_w=$(window).width();
		if (new_w<min_w) {new_w=min_w};
		w=new_w;
		if (((w-w1)%2)==0) { w_body3=(~~((w-w1)/2));
		w_body2=(~~((w)/2));} else {
			w_body3=(~~((w-w1)/2))+1;
			w_body2=(~~((w)/2))+1;}
	}
	function setBg(pos,w){
		$('.body1').css({backgroundPosition:pos});	
		if (((w-w1)%2)==0) { w_body3=(~~((w-w1)/2));
		w_body2=(~~((w)/2));} else {
			w_body3=(~~((w-w1)/2))+1;
			w_body2=(~~((w)/2))+1;}
		$('.body3').css({width:w_body3});
		$('.body2').css({width:(~~((w-w1)/2))});
	}
		now=~~((w-w1)/2);
		pos=now+'px 0px';
		setBg(pos, w);
	img_ch=1;
	img_new=1;
	$('#img1').css({opacity:'1'}).find('span').css({left:'0'});
	setInterval(SetNew,150);
	function SetNew(){
		new_w=$(window).width();
		if (new_w<min_w) {new_w=min_w};
		if (w!=new_w) {
		now=now-(w-new_w)/2;
		pos=now+'px 0px';
		setBg(pos,new_w);
		w=new_w;
		if (((w-w1)%2)==0) { w_body3=(~~((w-w1)/2));
		w_body2=(~~(w)/2);} else {
			w_body3=(~~((w-w1)/2))+1;
			w_body2=(~~((w)/2))+1;}}
	}
	var fl=0;
	function Animation(k){
		img_act='#img'+img_new;
		setInterval(SetNew,150);
		if (now<-32000) {now=now+31680;	pos=now+'px 0px'; $('.body1').css({backgroundPosition:pos})}
		if (now>32000) {now=now-31680; pos=now+'px 0px'; $('.body1').css({backgroundPosition:pos})}
		$(img_act).stop().animate({opacity:'0'},400).find('span').stop().animate({left:'-660'},600,'easeOutCirc');
		now=now+k*w1;
		pos=now+'px 0px';
		img_ch=img_ch-k;
		if (img_ch<1) {img_ch=img_ch+6}
		if (img_ch>6) {img_ch=img_ch-6}
		if (((w-w1)%2)==0) { w_body3=(~~((w-w1)/2)); 
		w_body2=(~~((w)/2));} else {
			w_body3=(~~((w-w1)/2))+1; 
			w_body2=(~~((w)/2))+1;}
		$('.body3').stop().animate({width:w_body2},600, 'easeOutCirc');
		$('.body2').stop().animate({width:(~~((w)/2))},600, 'easeOutCirc', function(){
		img_new=img_ch;																		
		img_act='#img'+img_new;		
		$('.body1').stop().animate({backgroundPosition:pos},800, 'easeOutCirc', function(){
		$('.body3').stop().animate({width:w_body3},600, 'easeOutCirc');
		$('.body2').stop().animate({width:(~~((w-w1)/2))},600, 'easeOutCirc');
		$(img_act).stop().animate({opacity:'1'},400, function(){$(this).find('span').stop().animate({left:'0'},400,'easeOutCirc')});
		});});		
	}
	$('.marker_left').click(function(){Animation(1);return false;});
	$('.marker_right').click(function(){Animation(-1);return false;});
 });