var duoPath2Text = new Array(0,-15,-30,-50,-72,-93,-104,-109,-115,-118,-125,-130,-135,-140,-149,-152,-150,-149,-149);
	var duoPath2Visual = new Array(0,0,2,3,4,5,5,5,3,0,150,150);

	
	var pathIndex=0; 
	var moveID=null;
        var isMoved='false';
	
	delay=10;

// ============================================

function move2Text(id)
{
	
	
	var moveElm = document.getElementById(id);
	
	if(moveElm.pathIndex==null) moveElm.pathIndex=0; 
	if(moveElm.moveID!=null) clearTimeout(moveElm.moveID);
	
	var xPos = duoPath2Text[moveElm.pathIndex++];
	
	moveElm.style.left=xPos+"px";
	
	if(moveElm.pathIndex<duoPath2Text.length-1)
	{
		moveElm.moveID=setTimeout("move2Text(\""+id+"\")",delay);
                isMoved='true';
	}
	else
	{
		divList = moveElm.getElementsByTagName("div");
		for(var i=0;i<divList.length;i++)
		{
			if(divList[i].className=="back")
			{
				divList[i].style.display="block";
				moveElm.backElm = divList[i];
				break;
			}
		}
	}
	
	//alert(moveElm.style.left);
	return false;
	
}


function move2Visual(id)
{
	

	var moveElm = document.getElementById(id);
	if(moveElm.moveID!=null) clearTimeout(moveElm.moveID);
	
	
	var xPos = duoPath2Visual[moveElm.pathIndex--];
	moveElm.style.left=xPos+"px";

	if(moveElm.pathIndex>0){
			
		moveElm.moveID=setTimeout("move2Visual(\""+id+"\")",delay);
                isMoved='false';
	}
	return false;
}

// ============================================

function clickpic(picname){
        if (isMoved=='false') {
	    move2Text("move");
        }
	document.getElementById('bg').style.background='url(image/'+picname+'.jpg)';
	}