// JavaScript Document

function moveToDiv(cat, ucat)
{
	moveToImage(cat, ucat);

	var attributes0 = {
	   top: { to: 0 }
	};
	
	var attributes = {
	   left: { to: -((cat*400))}
	};
	
	var attributes2 = {
	   top: { to: -(ucat*450)}
	};
			
	var myAnim0 = new YAHOO.util.Anim('moveContainer', attributes0, 0.5,YAHOO.util.Easing.easeOutStrong);
	var myAnim = new YAHOO.util.Anim('moveContainer', attributes, 0.5,YAHOO.util.Easing.easeOutStrong);
	var myAnim2 = new YAHOO.util.Anim('moveContainer', attributes2, 0.5,YAHOO.util.Easing.easeOutStrong);
	
	if (cat != lastCat && lastUCat == 0)
	{
		myAnim.animate();
	}
	if (cat == lastCat)
	{
		myAnim2.animate();
	}
	else
	{
		myAnim0.animate();
	}
	
	myAnim0.onComplete.subscribe(function(s, o) { 
		myAnim.animate();
	});	
	
	myAnim.onComplete.subscribe(function(s, o) { 
		myAnim2.animate();		
	}); 
	
	lastCat = cat;
	lastUCat = ucat;
}

function moveToImage(cat, ucat)
{
	var attributes0Image = {
	   top: { to: 0 }
	};
	
	var attributesImage = {
	   left: { to: -((cat*290))}
	};
	
	var attributes2Image = {
	   top: { to: -(ucat*380)}
	};
			
	var myAnim0Image = new YAHOO.util.Anim('moveContainerImages', attributes0Image, 0.5,YAHOO.util.Easing.easeOutStrong);
	var myAnimImage = new YAHOO.util.Anim('moveContainerImages', attributesImage, 0.5,YAHOO.util.Easing.easeOutStrong);
	var myAnim2Image = new YAHOO.util.Anim('moveContainerImages', attributes2Image, 0.5,YAHOO.util.Easing.easeOutStrong);
	
	if (cat != lastCat && lastUCat == 0)
	{
		myAnimImage.animate();
	}
	if (cat == lastCat)
	{
		myAnim2Image.animate();
	}
	else
	{
		myAnim0Image.animate();
	}
	
	myAnim0Image.onComplete.subscribe(function(s, o) { 
		myAnimImage.animate();
	});	
	
	myAnimImage.onComplete.subscribe(function(s, o) { 
		myAnim2Image.animate();		
	}); 
}