/**
 * 店舗・施設一覧作成
 */
 
var imgBoolArr;
var imgPosArr;
var flagL;
var dropCounter;

var offsetY = 142;

function create_block()
{
	imgBoolArr = [];
	imgPosArr = [];
	flagL = 0;
	dropCounter = 0;

	var numValign = Math.ceil(($(window).height() - 5 - offsetY) / 92);
	for(i = 0; i < numValign * 4; i++)
	{
		imgBoolArr.push(0);
	}
	setPos();
}

function setPos()
{
	var targetIndex = jQuery.inArray(0, imgBoolArr);
	if(targetIndex != -1)
	{
		var posX = 92 * (targetIndex % 4) + 8;
		var posY = 92 * Math.floor(targetIndex / 4) + 10;
		var size = "s";
		
		if(targetIndex % 4 != 3 && targetIndex <= (imgBoolArr.length - 5) && flagL == 0)
		{
			var rn = Math.floor( Math.random() * 2);
			if(rn == 0)
			{
				size = "l";
			}
		}
		
		flagL++;
		if(flagL == 3)
		{
			flagL = 0;
		}
			
		var arr = [posX, posY, size];
		imgPosArr.push(arr);
		
		if(size == "l")
		{
			imgBoolArr[targetIndex] = 1;
			imgBoolArr[targetIndex + 1] = 1;
			imgBoolArr[targetIndex + 4] = 1;
			imgBoolArr[targetIndex + 5] = 1;
		}
		else
		{
			imgBoolArr[targetIndex] = 1;
		}
		setPos();
	}
	else
	{
		showImg(imgBoolArr.length);
	}
}




function showImg(paged) {
	request('getImgList_fromSiAndTi', paged, onLoadComplete);
}

function onLoadComplete(data)
{
	var leng = imgPosArr.length;
	
	$('#local_inner').append('<img src="images/banner_end.gif" width="362" height="136" alt="みたか太陽系ウォーク2011 2011年9月23日（金・祝）〜 2011年10月30日（日）間で開催！！" id="banner_end"/>');
		
	for(i = 0; i < leng; i++) {
//		var num = imgPosArr.length - i - 1;
		var num = i;
		
		var catg = data[num]['imgid'];
		
		var category = data[num]['name'];
		
		var img_name = data[num]['img'];
		
		var size = "_tm_";
		if(imgPosArr[num][2] == "l")
		{
			size = "_tl_";
		}
		
		var linkURL;
		if(catg == 'ti') {
			linkURL = 'planet/' + AREA[data[num]['area']] + '/townInfo/' + data[num]['id'] + '.html';
		} else if(catg == 'si') {
			linkURL = 'planet/' + AREA[data[num]['area']] + '/shopInfo/' + data[num]['info_id'] + '.html';
		}
		else
		{
			linkURL = 'planet/' + AREA[data[num]['area']] + '/shop/' + data[num]['id'] + '.html';
		}
		
		var img = '<a href="' + linkURL + '"><img src="http://www.taiyokei-walk.jp/upload_img/' + catg + size + img_name + '" id="imgID' + num + '"></a>';
		
		$('#local_inner').append(img);
		$('#imgID' + num).css({ left:imgPosArr[num][0] + "px", top:-184 + "px"});
		
		var delayNum = ((imgPosArr.length / 4) - Math.floor(imgPosArr[num][1] / 92)) * 100;

		$('#imgID' + num).delay(delayNum)
						.animate({left:imgPosArr[num][0] + "px", top:imgPosArr[num][1] + offsetY + "px"}, {"duration":1400, "easing":"easeOutBounce", "queue":true, "complete":function(){  }});
	}
	
	clearTimeout(imgTimerID);
	imgTimerID = setTimeout(dropImg, 30000);
}



$(window).resize(resizeWin);

var imgTimerID;
function resizeWin()
{
	clearTimeout(imgTimerID);
	imgTimerID = setTimeout(dropImg, 600);
}

function dropImg()
{
	
	clearTimeout(imgTimerID);
	imgTimerID = setTimeout(re_create_block, 1200);
	var leng = imgPosArr.length;
	for(i = 0; i < leng; i++) {
		var num = i;
		var delayNum = ((imgPosArr.length / 4) - Math.floor(imgPosArr[num][1] / 92)) * 100;
		$('#imgID' + num).delay(delayNum)
						.animate({top:$(window).height() + "px"}, {"duration":500, "easing":"easeInCubic", "queue":true});
	}
}

function re_create_block()
{
	clearTimeout(imgTimerID);
	$('#local_inner').empty();
	create_block();
}