$(function(){
	$('.img-upload').each(function(){
		var _id=$(this).attr('id');
		
		if($(this).attr('value')){
			var img=$(document.createElement('img')).attr('src',$(this).attr('value'));
			$(this).after(
				imagePanel(_id,img)
			);
		}else{
			$(this).after(
				uploadPanel(_id)
			);
		}
	});
	$('.img-upload-param').css({display:'none'});

	$('.img-upload-confirm').each(function(){
		if($(this).attr('value')){
			var img=$(document.createElement('img')).attr('src',$(this).attr('value'));
			$(this).replaceWith(img);
		}
	});
	
})

function putUploadParam(id){
	var param={
		inwidth: $('#'+id+'-inwidth').text(),
		inheight: $('#'+id+'-inheight').text()
	};
	return param;
}

function getUploadedInfo(key,oj){
	var img=$(document.createElement('img')).attr({
			src: oj.path.replace(/^..\//,'./'),
			width: oj.width,
			height: oj.height
		});
	$('#'+key)
	.after(
		imagePanel(key,img)
	)
	.attr('value',oj.path.replace(/^..\//,'./'));
}

function imagePanel(_id,_img){
	_img.css({display:'block'});
	return $(".upload-panel")
	.append( _img )
	.append(
		$(".upload_button")
		.attr({
			id: _id+'-delbtn',
			name: _id+'-delbtn',
			value:'削除'
		})
		.click(function(){
			$.ajax({
				type: "POST",
				url: './common/img_upload.cgi',
				data: 'unlink_file='+$('#'+_id).attr('value').replace(/^.\//,'../'),
				dataType: "json",
				success: function(){
					$(".upload-panel > img").remove().end();
					$('#'+_id).after( uploadPanel(_id) ).attr('value','');
				},
				error: function(){
					alert('エラーが発生しました。');
				}
			});
		})
	);
	
}
function uploadPanel(_id){
	return $(".upload-panel")
	.append(
		$(".upload_button")
		.attr({
			id: _id+'-upbtn',
			name: _id+'-upbtn',
			value:'画像登録'
		}).click(function(){
			window.open('./common/img_upload.html?'+_id,'uploadwin','').focus();
		})
	);
}