// JavaScript Document


//初期設定
function defaultSet() {
	var wwidth =  $(window).width();
	var ulwidth = wwidth + wwidth*2;

  var defaultsStyle = {
      'width' : wwidth + 'px',
  };
	$('#slideWrap').css(defaultsStyle);
	$('ul#slide').css({'width':ulwidth + 'px'});
}

//documentが読み込まれた時に初期設定を適用
$(document).bind('ready',defaultSet);
//windowのサイズが変わった時に初期設定を適用
$(window).bind('resize',defaultSet);

//アニメーションのロジック
var slide = function() {
		var itemWidth = $("#slide li img").width();
		var i = 0;
		var movedItem = $('#slide li:eq(' + i + ')');
		
		$(movedItem).animate({marginLeft:'-' + itemWidth},
		{
		duation:1500,
		easing:"swing",
		queue:false,
		complete: function() { $(this).appendTo("ul#slide").removeAttr("style");}
		}
	);
		i++;
};

//インターバルの設定
$(window).load(function(){
    setInterval(slide, 1500);	
});