var ChangeImg = new Image();
var width_fade = 0;
var name_fade = 0;
var name_img = 0;
var name_img2 = 0;
var fade_phase = 0;
var fade = 0;

function ImgFadeSet(width, name_f, name1, name2, change) {
	ImgFadeInit();
	width_fade = width;
	name_fade = name_f;
	name_img = name1;
	name_img2 = name2;
	ChangeImg.src = change;
	ImgFadeStart();
}

function ImgFadeStart() {
	if (document.images[name_fade].filters)
	{
		document.images[name_fade].filters.alpha.opacity = 100;
		document.images[name_fade].width = width_fade;
		if (name_img2 != 0)
		{
			document.images[name_img2].filters.alpha.opacity = 0;
			document.images[name_img2].width = width_fade;
		}
	}
	else
	{
		document.images[name_fade].style.MozOpacity = 
		document.images[name_fade].style.opacity = 1;
		document.images[name_fade].style.width = width_fade;
		if (name_img2 != 0)
		{
			document.images[name_img2].style.MozOpacity = 
			document.images[name_img2].style.opacity = 0;
			document.images[name_img2].style.width = width_fade;
		}
	}
	document.images[name_img].src = ChangeImg.src;
	fade_phase = 0;
	if (fade > 0)
		fade = 100;
	else {
		fade = 100;
		setTimeout("ImgFade()", 100);
	}
}
function ImgFadeInit() {
	if (name_fade != 0)
	{
		if (document.images[name_fade].filters)
		{
			document.images[name_fade].filters.alpha.opacity = 0;
			document.images[name_fade].width = 0;
			if (name_img2 != 0)
				document.images[name_img2].filters.alpha.opacity = 100;
		}
		else
		{
			document.images[name_fade].style.MozOpacity = 
			document.images[name_fade].style.opacity = 0;
			document.images[name_fade].style.width = 0;
			if (name_img2 != 0)
			{
				document.images[name_img2].style.MozOpacity = 
				document.images[name_img2].style.opacity = 1;
			}
		}
	}
}

function ImgFade() {
	if (fade_phase == 0)
	{
		fade -= 6;
		if (fade <= 76)
		{
			fade_phase++;
			fade = 100;
		}
	}
	else
		fade -= 4;
	
	if (fade > 0)
	{
		if (document.images[name_fade].filters)
		{
			document.images[name_fade].filters.alpha.opacity = fade;
			if (name_img2 != 0)
			{
				if (fade < 40)
					document.images[name_img2].filters.alpha.opacity = (40-fade)*2.5;
			}
		}
		else
		{
			document.images[name_fade].style.MozOpacity = 
			document.images[name_fade].style.opacity = fade/100;
			if (name_img2 != 0)
			{
				if (fade < 40)
				{
					document.images[name_img2].style.MozOpacity = 
					document.images[name_img2].style.opacity = (40-fade)/40;
				}
			}
		}
		setTimeout("ImgFade()", 100);
	}
	else
	{
		if (document.images[name_fade].filters)
		{
			document.images[name_fade].filters.alpha.opacity = 0;
			if (name_img2 != 0)
				document.images[name_img2].filters.alpha.opacity = 100;
		}
		else
		{
			document.images[name_fade].style.MozOpacity = 
			document.images[name_fade].style.opacity = 0;
			if (name_img2 != 0)
			{
				document.images[name_img2].style.MozOpacity = 
				document.images[name_img2].style.opacity = 1;
			}
		}
	}
}


function commonInit() {
	cmn_OP = (navigator.userAgent.indexOf("Opera",0) != -1)?1:0;	//OP
	cmn_N6 = document.getElementById;		// N6 or IE
	cmn_IE = document.all;					// IE
	cmn_N4 = document.layers;				// N4
	
	if (cmn_OP){							// OP?
		document.onmousemove = cmn_MoveOP;
	}else if (cmn_IE){					// IE?
		document.onmousemove = cmn_MoveIE;
	}else if (cmn_N6){					// N6?
		window.addEventListener("mousemove",cmn_MoveN6,true);
	}else if (cmn_N4){					// N4?
		window.captureEvents(Event.MOUSEMOVE);
		window.onmousemove = cmn_MoveN4;
	}
}

function cmn_MoveOP(){			// OPでマウスが動いた
	if (typeof kgy1_Move == 'function')
		kgy1_Move(window.event.clientY);
	if (typeof ran4Mouse == 'function')
		ran4Mouse(window.event.clientX, window.event.clientY);
}
function cmn_MoveN6(Event){		// N6でマウスが動いた
	if (typeof kgy1_Move == 'function')
		kgy1_Move(Event.clientY);
	if (typeof ran4Mouse == 'function')
		ran4Mouse(Event.clientX, Event.clientY);
}
function cmn_MoveIE(){			// IEでマウスが動いた
	if (typeof kgy1_Move == 'function')
		kgy1_Move(window.event.clientY);
	if (typeof ran4Mouse == 'function')
		ran4Mouse(window.event.clientX, window.event.clientY);
}
function cmn_MoveN4(Event){		// N4でマウスが動いた
	if (typeof kgy1_Move == 'function')
		kgy1_Move(Event.y);
	if (typeof ran4Mouse == 'function')
		ran4Mouse(Event.x, Event.y);
}

var name_vanish = 0;
var vanish = 0;
var vanish_spd = 0;
function ImgVanishStart(name, spd) {
	if (name_vanish != 0)
	{
		if (document.images[name_vanish].filters)
		{
			document.images[name_vanish].filters.alpha.opacity = 0;
			document.images[name_vanish].width = 0;
		}
		else
		{
			document.images[name_vanish].style.MozOpacity = 
			document.images[name_vanish].style.opacity = 0;
			document.images[name_vanish].style.width = 0;
		}
	}
	name_vanish = name;
	vanish_spd = spd;
	vanish = 100;
	setTimeout("ImgVanish()", 100);
}

function ImgVanish() {
	vanish -= vanish_spd;
	if (vanish > 0)
	{
		if (document.images[name_vanish].filters)
			document.images[name_vanish].filters.alpha.opacity = vanish;
		else
		{
			document.images[name_vanish].style.MozOpacity = 
			document.images[name_vanish].style.opacity = vanish/100;
		}
		setTimeout("ImgVanish()", 100);
	}
	else
	{
		if (document.images[name_vanish].filters)
		{
			document.images[name_vanish].filters.alpha.opacity = 0;
			document.images[name_vanish].width = 0;
		}
		else
		{
			document.images[name_vanish].style.MozOpacity = 
			document.images[name_vanish].style.opacity = 0;
			document.images[name_vanish].style.width = 0;
		}
	}
}