// JavaScript Document

var itemsArr = new Array(1);

function newArrivalBuild(){
	
	$.getJSON(
"http://pipes.yahoo.com/pipes/pipe.run?_id=62d7361757cc31d9fce4506a381b1850&_render=json&_callback=?",  /*"http://pipes.yahoo.com/pipes/pipe.run?_id=04f5db336e9a0cbfe855b649e9785b43&_render=json&_callback=?"*/
	parse_xml
    );
}


function parse_xml(data){
	//alert("getData SUCCESS");
	var i=0;
	while(i < 20){
		var item = data.value.items[0].item[i];
		
		var itemSet = new Array(1);
		itemSet["brand"]= item.brand_name;
		itemSet["image"]= item.image_url;
		itemSet["name"]= item.product_name;
		itemSet["price"]= priceOpt(item.price);
		itemSet["url"]= item.dateil_url;
		itemSet["target"]= item.target;
		itemSet["target"]= "_blank";
		itemSet["description"]= item.description;
		itemsArr[i] = itemSet;
		//alert(itemSet["image"]);
		i++;
		
	}
	
	
	constElements();
	
}

function priceOpt(p){//指定桁数の場合区切り文字を挿入
	//区切り桁
	partNum = 3;
	//区切り文字
	point = ",";
	
	newP = p;
	priceLength = newP.length;
	
	for(i=priceLength; i>0; i--){
		if(i % partNum == 0 && i != priceLength) {
			front = newP.slice(0, -i);
			rear = newP.slice(-i);
			newP = front + point + rear;
		}
	}
	newP = "\\" + newP + "-";
	
	return newP;
	
	
	
}

function constElements(data){
	//alert(itemsArr.length);
	var targetBox = document.getElementById("newArrivalItem");
	//targetBox.innerHTML = "'"+data+"'";
	var html="";
	
	for(i=0; i<itemsArr.length; i++){
		
		
		/*html += "<a class='thumbnail' href='" + itemsArr[i]["url"] + "' target='" + itemsArr[i]["target"] + "' width='75' height='100'>"+"<img src='" + itemsArr[i]["image"] +  "' width='75' height='100'" + " alt='" + itemsArr[i]["name"] + "' title='" + itemsArr[i]["name"] + "' />"+"</a>";*/
		
		html += "<a class='thumbnail' href='" + itemsArr[i]["url"] + "' target='" + itemsArr[i]["target"] + "' width='75' height='100'>"+"<img class='itemImg' src='" + itemsArr[i]["image"] +  "' width='75' height='100'" + " alt='" + itemsArr[i]["name"] + "' title='" + itemsArr[i]["name"] + "' />"+"</a>";
		//targetBox.appendChild(html);
		
	}
	
	
	
	targetBox.innerHTML = html;
	
	//alert("constNewArrival");
//	alert("高さあわせ開始");

//Special Contents,PickUp Itemの高さ合わせ

$(document).ready(function(){
	var biggestHeight = 0;
	$('.equalheight').each(function(){
		if ($(this).height() > biggestHeight) {
			biggestHeight = $(this).height();
		}
	});
	$('.equalheight').height(biggestHeight);
	
});


//
//初めの5つをitemwrapで囲む
$(".thumbnail:lt(5)").wrapAll("<div class='itemwap'></div>");

//thumbnail（画像）の要素数を数える
sum = $(".thumbnail").size();
//thumbnailを5つごとにitemwrapで区切って囲む
var n=1
for (i = 0; i < sum; i=i+5) {
var m=5*n-1
var n=n+1
$(".thumbnail:gt("+ m +"):lt(5)").wrapAll("<div class='itemwap'></div>");
};


//初めの5つをitemwrapで囲む
$(".thumbnail2:lt(4)").wrapAll("<div class='itemwap'></div>");

//thumbnail（画像）の要素数を数える
sum = $(".thumbnail2").size();
//thumbnailを5つごとにitemwrapで区切って囲む
var n=1
for (i = 0; i < sum; i=i+4) {
var m=4*n-1
var n=n+1
$(".thumbnail2:gt("+ m +"):lt(4)").wrapAll("<div class='itemwap'></div>");
};


//scrollableを適用
$("#browsable1, #browsable2").scrollable();	

//itemwapがひとつだけの場合はナビを非表示
wrapsum = $(".itemwap").size();
if(wrapsum==1){
$(".browse").addClass("disabled");
};

//






}

//トリガー
newArrivalBuild();