// JavaScript Document
// Powered By MaFei

function autoMoveImages(mt_tag,ctr_tag,ttl_tag)
{
	var y_move=-287;
	var div_images=document.getElementById(mt_tag);
	var xpos=parseInt(div_images.style.left);
	var ypos=parseInt(div_images.style.top);
	if(ypos==2*y_move) ypos=-0.6*y_move;
	if(ypos>0)
	{
		ypos-= Math.ceil((ypos-0)/5);
		autoButtonStyle(ctr_tag,2,0);
		getImagesTitle(ctr_tag,ttl_tag,0);
	}
	if(ypos<=0&&ypos>y_move) 
	{
		ypos-= Math.ceil((ypos-y_move)/5);
		autoButtonStyle(ctr_tag,0,1);
		getImagesTitle(ctr_tag,ttl_tag,1);
	}
	if(ypos<=y_move&&ypos>2*y_move)
	{
		ypos-= Math.ceil((ypos-2*y_move)/5);
		autoButtonStyle(ctr_tag,1,2);
		getImagesTitle(ctr_tag,ttl_tag,2);	
	}
	div_images.style.left=xpos+"px";
	div_images.style.top =ypos+"px";
	if((ypos-1)%y_move==0)
	{ div_images.movetime=setTimeout("autoMoveImages('"+mt_tag+"','"+ctr_tag+"','"+ttl_tag+"')",5000); } 
	else
	{ div_images.movetime=setTimeout("autoMoveImages('"+mt_tag+"','"+ctr_tag+"','"+ttl_tag+"')",10); }
}

function hoverMoveImage(mt_tag,final_y)
{
	var div_images=document.getElementById(mt_tag);
	var xpos=parseInt(div_images.style.left);
	var ypos=parseInt(div_images.style.top);
	if(ypos-final_y>0) ypos-=Math.ceil((ypos-final_y)/5);
	if(ypos-final_y<0) ypos+=Math.ceil((final_y-ypos)/5);
	div_images.style.left=xpos+"px";
	div_images.style.top =ypos+"px";
	if(ypos==final_y)
	{ clearTimeout(div_images.movetime); } 
	else
	{ div_images.movetime=setTimeout("hoverMoveImage('"+mt_tag+"',"+final_y+")",10); }	
}

function autoButtonStyle(ctr_tag,aNum1,aNum2)
{
	var a_b_navi=document.getElementById(ctr_tag);
	var a_bs=a_b_navi.getElementsByTagName("div");
	a_bs[aNum1].className="iN_bN_b1";
	a_bs[aNum2].className="iN_bN_b2";
}

function resumeButtonStyle(ctr_tag)
{
	var r_b_navi=document.getElementById(ctr_tag);
	var r_bs=r_b_navi.getElementsByTagName("div");
	for(var j=0;j<r_bs.length;j++)
	{
		r_bs[j].className="iN_bN_b1";
	}
}

function getImagesTitle(ctr_tag,ttl_tag,gNum)
{
	var g_b_navi=document.getElementById(ctr_tag);
	var g_t_navi=document.getElementById(ttl_tag);
	var g_a=g_b_navi.getElementsByTagName("a");
	var i_title=g_a[gNum].getAttribute("title");
	g_t_navi.lastChild.nodeValue=i_title;
}

function prepareImagesNavi(mt_tag,ctr_tag,ttl_tag)
{
	var div_images=document.getElementById(mt_tag);
	var button_navi=document.getElementById(ctr_tag);
	var buttons=button_navi.getElementsByTagName("div");
	for(var i=0;i<buttons.length;i++)
	{
		buttons[i].countvalue=i;
		buttons[i].supertemp=i*(-287)+1;
		buttons[i].onmouseover=function()
		{
			clearTimeout(div_images.movetime);
			resumeButtonStyle(ctr_tag);
			getImagesTitle(ctr_tag,ttl_tag,this.countvalue);
			div_images.movetime=setTimeout("hoverMoveImage('"+mt_tag+"',"+this.supertemp+")",20);
			this.className="iN_bN_b2";
		}
		buttons[i].onmouseout=function()
		{
			clearTimeout(div_images.movetime);
			div_images.movetime=setTimeout("autoMoveImages('"+mt_tag+"','"+ctr_tag+"','"+ttl_tag+"')",2000);
			//this.className="iN_bN_b1";
		}
	}
}

function setImagesElement(mt_tag,ctr_tag,ttl_tag)
{
	var div_images=document.getElementById(mt_tag);
	div_images.style.position="absolute";
	div_images.style.width="200px";
	div_images.style.height="auto";
	div_images.style.top="275px";
	div_images.style.left="0px";
	div_images.style.marginTop="-1px";
	autoMoveImages(mt_tag,ctr_tag,ttl_tag);
}

function motionSystem_1()
{
	var images_div = "img_combin";
	var buttons_div= "iN_buttonNavi";
	var titles_div = "iN_titleNavi";
	
	setImagesElement(images_div,buttons_div,titles_div);
	prepareImagesNavi(images_div,buttons_div,titles_div);
}
function motionSystem_2()
{
	var images_div = "img_combin_2";
	var buttons_div= "iN_buttonNavi_2";
	var titles_div = "iN_titleNavi_2";
	
	setImagesElement(images_div,buttons_div,titles_div);
	prepareImagesNavi(images_div,buttons_div,titles_div);
}
function motionSystem_3()
{
	var images_div = "img_combin_3";
	var buttons_div= "iN_buttonNavi_3";
	var titles_div = "iN_titleNavi_3";
	
	setImagesElement(images_div,buttons_div,titles_div);
	prepareImagesNavi(images_div,buttons_div,titles_div);
}

addLoadEvent(motionSystem_1);
addLoadEvent(motionSystem_2);
addLoadEvent(motionSystem_3);