var alpha = 100;
var timer_id = null;

function changePicture(pic_file_url)
{
	var imgObj = document.getElementById("chPic");
	
	fadeOut(pic_file_url);
	
	//addListener(window, 'load', fadeIN, false);
	
	//imgObj.src = pic_file_url;
	
	//document.chPic.src = pic_file_url;
}

function fadeOut(e)
{
	alpha -= 5;
	
	var imgObj = document.getElementById("chPic");
	imgObj.style.filter = 'alpha(opacity=' + alpha + ')';
	imgObj.style.mozOpacity = alpha / 100;
	imgObj.style.opacity = alpha / 100;
	
	/*
	body.style.filter = 'alpha(opacity=' + alpha + ')';
	body.style.mozOpacity = alpha / 100;
	body.style.opacity = alpha / 100;
	*/
	
	//タイマーの初期化
	clearTimeout(timer_id);
	
	if (alpha > 0)
	{
		timer_id = setTimeout("fadeOut('"+e+"')", 10);
	}
	else
	{
		//removeListener(window, 'load', fadeIN, false);
		imgObj.src = e;
		return fadeIN(e);
	}
	
	return;
}

function fadeIN(e)
{
	alpha += 5;
	
	var imgObj = document.getElementById("chPic");
	imgObj.style.filter = 'alpha(opacity=' + alpha + ')';
	imgObj.style.mozOpacity = alpha / 100;
	imgObj.style.opacity = alpha / 100;
	
	/*
	body.style.filter = 'alpha(opacity=' + alpha + ')';
	body.style.mozOpacity = alpha / 100;
	body.style.opacity = alpha / 100;
	*/
	
	//タイマーの初期化
	clearTimeout(timer_id);
	
	if (alpha < 100)
	{
		timer_id = setTimeout("fadeIN('"+e+"')", 10);
	}
	else
	{
		return;
	}
	
	return;
}

/**
 * 画像用
 * 
 * @param {Object} url
 * @param {Object} window_name
 * @param {Object} width
 * @param {Object} height
 */
function popupWindow(url, window_name, width, height)
{
	if (typeof window_name == 'undefined')
	{
		window_name = "popup window";
	}
	
	if (typeof width == 'undefined')
	{
		width = 480;
	}
	
	if (typeof height == 'undefined')
	{
		height = 360;
	}
	
	var img_obj = new Image();
	img_obj.src = url;
	
	if (typeof img_obj.src != 'undefined')
	{
		width = img_obj.width + 40;
		height = img_obj.height + 40;
	}
	
	window.open(url, window_name, 'width='+width+',height='+height+', status=yes, scrollbars=yes, resizable=yes');
}