//初期設定
var manamiWidth = 64;
var manamiHeight = 104;
var manamiPosition = $('html').width();
var manamiPositionMin = -(manamiHeight);
var manamiFrame = 0 ;
var manamiAnime = new Array("0","1","2","1","3","4","2","4");

//プリローダー
(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

jQuery.preLoadImages("./images/manami_walk0.png", "./images/manami_walk1.png", "./images/manami_walk2.png", "./images/manami_walk3.png", "./images/manami_walk4.png");


//ready
$(document).ready(function(){
	var manamiStyle = {
		width:manamiWidth ,
		height:manamiHeight,
		position:"fixed",
		bottom:"0px",
		left:manamiPosition
	};
	$("body").append("<div id='manamiObj'></div>");
	$("#manamiObj").css(manamiStyle);
	manamiLooper();	
});


//ループ設定
function manamiLooper(){
	manamiWalk();
	setTimeout("manamiLooper()",100)
};

//アニメーション
function manamiWalk(){
	manamiPosition -= 5;
	$("#manamiObj").css("left",manamiPosition);
	if(manamiPosition < manamiPositionMin){
		manamiPosition = $('html').width();
	};
	
	$("#manamiObj").css("background-image","url('./images/manami_walk" + manamiAnime[manamiFrame] +".png')");
	
	manamiFrame+=1;
	if(manamiFrame > 7){
		manamiFrame=0;
	};
};