$(document).ready(function() {
	w1=760;
	min_w=960;
   SetWidth();
   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)-6*w1;
		pos=now+'px 0px';
		setBg(pos, w);
	
	setInterval(SetNew,1);
	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;}}
	}
	function Animation(k){
		setInterval(SetNew,1);
		now=now+k*w1;
		pos=now+'px 0px';
		if (((w-w1)%2)==0) { w_body3=(~~((w-w1)/4)); 
		w_body2=(~~((w)/4));} else {
			w_body3=(~~((w-w1)/4))+1; 
			w_body2=(~~((w)/4))+1;}
		$('.body3').stop().animate({width:w_body2},800, 'easeOutCirc');
		$('.body2').stop().animate({width:(~~((w)/8))},800, 'easeOutCirc', function(){$('.body1').stop().animate({backgroundPosition:pos},900, 'easeOutCirc', function(){
		$('.body3').stop().animate({width:w_body3},800, 'easeOutCirc');
		$('.body2').stop().animate({width:(~~((w-w1)/10))},800, 'easeOutCirc');});});		
	}
	$('.marker_left').click(function(){Animation(1);return false;});
	$('.marker_right').click(function(){Animation(-1);return false;});
 });