//Documented Example in Projects/float_v4.html

function teleport(id,x,y)
{
	var obid = id;
	styleObj = document.getElementById(obid).style;
	styleObj.posLeft= x ;
	styleObj.posTop= y ;

}





function animate(id,x,y)
{

var stepX;
var stepY;
var momentX;
var momentY;
var objectid;
var blip;
var m;
var accelerator;
	
	objectid = id;
	
	var obid =id;
	
	styleObj = document.getElementById(obid).style;
	var currentX = styleObj.posLeft;
	var currentY = styleObj.posTop;
	var moveX = x - currentX;
	var moveY = y - currentY;
	accelerator = 60 ; // Nuymber of steps
	blip = 10; // length in milliseconds of frame
	stepX = moveX/accelerator;
	stepY = moveY/accelerator;
	m=0; // current step
	momentX = styleObj.posLeft;
	momentY = styleObj.posTop;
	var finalX = x;
	var finalY = y;
	animateLoop(stepX,stepY,  momentX,  momentY,  objectid,  blip,  m,  accelerator , finalX , finalY)     ;
}

function animateLoop(stepX , stepY,  momentX,  momentY,  objectid,  blip,  m,  accelerator , finalX , finalY)
{
	if( m < accelerator )
	{
		
		styleObj = document.getElementById(objectid).style;
		
		momentX = styleObj.posLeft;
		momentY = styleObj.posTop;
		styleObj.posLeft= momentX + stepX ;
		styleObj.posTop= momentY + stepY ;
		
		m = m+1;
		
		var apple ="animateLoop("+stepX+", "+stepY+",  "+momentX+",  "+momentY+",  '"+objectid+"',  "+blip+",  "+m+",  "+accelerator+", " +");   " ;
		
		setTimeout("animateLoop("+stepX+", "+stepY+",  "+momentX+",  "+momentY+",  '"+objectid+"',  "+blip+",  "+m+",  "+accelerator+" , "+finalX + ", " +finalY +")  ", blip);
		
		
	} 
	else
	{
	teleport(objectid,finalX, finalY);
	
	
	//Else!
	}

}
// Specific
function menuReset(leave)
{
		if (leave == 'menHome')
			{
			
			animate('menArt',-300,700);
			animate('menNew',-300,700);
			animate('menItem',-300,700);
			/*
			setTimeout("teleport('menNew',-300,-300)",1000);
			setTimeout("teleport('menArt',-300,-300)",1000);
			setTimeout("teleport('menItem',-300,-300)",1000);
			*/
			}
		if (leave == 'menArt')
			{
			animate('menHome',-300,-300);
			animate('menNew',-300,-300);
			animate('menItem',-300,-300);
			/*
			setTimeout("teleport('menHome',-300,-300)",1000);
			setTimeout("teleport('menNew',-300,-300)",1000);
			setTimeout("teleport('menItem',-300,-300)",1000);
			*/
			}
		if (leave == 'menNew')
			{
			animate('menHome',100,-800);
			animate('menArt',100,-800);
			animate('menItem',100,-800);
			/*
			setTimeout("teleport('menHome',-300,-300)",1000);
			setTimeout("teleport('menArt',-300,-300)",1000);
			setTimeout("teleport('menItem',-300,-300)",1000);
			*/
			}
		if (leave == 'menItem')
			{
			animate('menHome',-300,700);
			animate('menArt',-300,700);
			animate('menNew',-300,700);
			/*
			setTimeout("teleport('menHome',-300,-300)",100);
			setTimeout("teleport('menNew',-300,-300)",100);
			setTimeout("teleport('menArt',-300,-300)",100);
			*/
			}
	
}

function drag(id)
{

}
function resize(id,width, height )
{
var x = width;
var y = height;
var stepX;
var stepY;
var momentX;
var momentY;
var objectid;
var blip;
var m;
var accelerator;
	
	objectid = id;
	
	var obid =id;
	
	styleObj = document.getElementById(obid).style;
	var rawX = styleObj.width;
	var rawY = styleObj.height;
	rawX = rawX.replace("px","");
	rawY = rawY.replace("px","");
	
	eval( "var currentX = " +rawX  + " ; " );
	eval( "var currentY = " +rawY  + " ; " );
	
		/*
			var currentX = startWidth;
	var currentY = startHeight;
	*/

	//	console("currentX" + currentX );//debug
	//console("currentY" + currentY);//debug
	
	var moveX = x - currentX ;
	var moveY = y - currentY ;
	accelerator = 20 ; // Nuymber of steps
	blip = 10; // length in milliseconds of frame
	stepX = moveX/accelerator ;
	stepY = moveY/accelerator ;
	m=0; // current step
	momentX = currentX ;
	momentY = currentY ;
	var finalX = x;
	var finalY = y;
	
			var apple ="resize("+stepX+", "+stepY+",  "+momentX+",  "+momentY+",  '"+objectid+"',  "+blip+",  "+m+",  "+accelerator+", " + finalX + ", " +finalY + ");  current " +currentX + " " + currentY + " " ;
		
	// console(apple); // Debug
	resizeLoop(stepX,stepY,  momentX,  momentY,  objectid,  blip,  m,  accelerator , finalX , finalY)     ;
}
function resizeLoop(stepX , stepY,  momentX,  momentY,  objectid,  blip,  m,  accelerator , finalX , finalY)
{
	if( m < accelerator )
	{
		
		styleObj = document.getElementById(objectid).style;
		/*
		momentX = styleObj.width;
		momentY = styleObj.height;
		
		*/
				momentX =  momentX + stepX;
		momentY = momentY + stepY;
		styleObj.width= momentX ;//+ 'px' 
		styleObj.height= momentY;//+ 'px'
		
		m = m+1;
		
		var apple ="resizeLoop("+stepX+", "+stepY+",  "+momentX+",  "+momentY+",  '"+objectid+"',  "+blip+",  "+m+",  "+accelerator+", " + finalX + ", " +finalY + ");   " ;
		
		setTimeout("resizeLoop("+stepX+", "+stepY+",  "+momentX+",  "+momentY+",  '"+objectid+"',  "+blip+",  "+m+",  "+accelerator+" , "+finalX + ", " +finalY +")  ", blip);
		
//console(apple); //debug
		
	} 
	else
	{
	transform(objectid,finalX, finalY);
	
	
//console("else!!!");//debug
	//Else!
	}

}



function transform(id,  width , height)
{

	var obid = id;
	styleObj = document.getElementById(obid).style;
		/*
	eval(" var currentX = document.all."+id+".width "); 
	eval(" var currentY = document.all."+id+".height "); 
*/
		var currentX = styleObj.width;
	var currentY = styleObj.height;
	
	
	//console("currentX" + currentX );//debug
	//console("currentY" + currentY);//debug
	
	
	styleObj.width= width ;
	styleObj.height= height ;

}

function console(text){
apple = document.all.consoleDiv.innerHTML;
document.all.consoleDiv.innerHTML = apple+"<br>" + text;
}