var file_path = "../images/product-info/bottles/";
var item_arr = new Array();
//モーダルへのHTMLの渡し方
function getModalHTML(id){
	var htm;
	//htm = $("#"+id).html();
	htm = '<div class="product-item">';
	htm += '<img id="item-img" src="' + file_path + id + '.png" />';
	htm += getCampaign(id);
	htm += '</div>';
	
	$(this).scrollTop(0)
	return close_btn + htm + "<div id='ctrl'>" + getCtrlBtns(id) + "</div>";
}

function getCampaign(id){
	
	
	switch(id){
	case "designers-bottle-2010":
		var addhtml = '<ul style="z-index:2000;text-align:left;width:288px;overflow:hidden;position:absolute;top:480px;left:525px">';
		addhtml += '<li class="menu-paul" style="height:50px"><a href="/link/paulsmithforevian" target="_blank" onmouseover="MM_swapImage(\'btn_pm\',\'\',\'/images/product-info/menu_paul_on.gif\',1)" onmouseout="MM_swapImgRestore()"><img src="/images/product-info/menu_paul.gif" alt="Paul Smith for evian のオフィシャルサイトはこちらから" id="btn_pm"></a></li>';
		addhtml += "</ul>"
		return addhtml;
	case "designers-bottle-2010-2":
		var addhtml = '<ul style="z-index:2000;text-align:left;width:288px;overflow:hidden;position:absolute;top:480px;left:525px">';
		addhtml += '<li class="menu-paul" style="height:50px"><a href="/link/paulsmithforevian" target="_blank" onmouseover="MM_swapImage(\'btn_pm\',\'\',\'/images/product-info/menu_paul_on.gif\',1)" onmouseout="MM_swapImgRestore()"><img src="/images/product-info/menu_paul.gif" alt="Paul Smith for evian のオフィシャルサイトはこちらから" id="btn_pm"></a></li>';
		//addhtml += '<li class="menu-buy"><a href="http://www.kenkotai.jp/shop/goods/goods.aspx?goods=10276-0001" target="_blank" onmouseover="MM_swapImage(\'btn_buy\',\'\',\'/images/product-info/menu_buy_pet_on.gif\',1)" onmouseout="MM_swapImgRestore()"><img src="/images/product-info/menu_buy_pet.gif" alt="購入する" id="btn_buy"></a></li>';
		addhtml += "</ul>"
		return addhtml;
	default:
		return "";
	}
}

function finishModalHTML(){
	$('#item-img').load(function(){
		//alert($('#item-img').width() + '*' + $('#item-img').height())
		$('#item-img').width($('#item-img').width());
		$('#item-img').height($('#item-img').height());
		$('#item-img').addClass('iepngfix');
	})
}

function getCtrlBtns(id){
	var cnt = 0;
	//dump(item_arr.length)
	for(var i = 0; i < item_arr.length; i++){
		
		if(item_arr[i].id == id){
			cnt = i;
			break;
		}
	}
	pre = cnt - 1 < 0 ? item_arr[item_arr.length - 1].id : item_arr[cnt - 1].id 
	nex = cnt + 1 >= item_arr.length ? item_arr[0].id : item_arr[cnt + 1].id
	var btns = '<p class="prev"><a href="javascript:void(0)" onclick="swapModalData(\''+pre+'\');">←</a></p>';
	btns += '<p class="next"><a href="javascript:void(0)" onclick="swapModalData(\''+nex+'\');">→</a></p>';
	return btns;
}

$(document).ready(function(){
		item_arr = $('.item-list > li.photo');
		$.extend($.modal.defaults, {});
		//modal window's link;
		initModalLink();
		
		var li = $(".item")
		
		for(var i=0; i < li.length; i++){
			li[i].id = "item_"+i;
			$(li[i]).parent().bind("mouseover", function(){
				var cld = $(this).children(".item")[0]
				var cid = cld.id;
				var curl = cld.src;
				curl = curl.split(".jpg").join("_on.jpg");
				
				MM_swapImage(cid,'',curl,1)
			});
			
			$(li[i]).parent().bind("mouseout", function(){
				MM_swapImgRestore()
			});
		}
		
});

//common.js のoverwrite
function modalOpenHTML (dialog) {
	dialog.container.css('position', 'absolute')
	dialog.container.fadeIn('slow');
	dialog.data.fadeIn('slow');
	dialog.overlay.fadeIn('fast');
}