var portfolioWebDesignState = "off";
function togglePortfolioWebDesign(height)
{
	switch(portfolioWebDesignState)
	{
		case "off":
			motionTween = new Tween(document.getElementById("portfolioWebDesign").style, "height", Tween.regularEaseIn, 0, height, 1, "px"); motionTween.start();
			motionTween.onMotionFinished = function()
			{
				document.getElementById("portfolioWebDesign").style.display = "block";
				opacityTween = new OpacityTween(document.getElementById("portfolioWebDesign"), Tween.regularEaseIn, 0, 100, 1); opacityTween.start();
				opacityTween.onMotionFinished = function()
				{
					document.getElementById('wrapperBtnPortfolioWebDesign').innerHTML = "<img src=\"media/image/buttons/show-less-off.png\" alt=\"show less\" width=\"100\" height=\"22\" id=\"btnPortfolioWebDesign\" style=\"margin-right:10px; cursor:pointer;\" onmouseover=\"MM_swapImage('btnPortfolioWebDesign','','media/image/buttons/show-less-on.png',1)\" onmouseout=\"MM_swapImgRestore()\" onclick=\"togglePortfolioWebDesign("+height+")\" title=\"Show less\" />";
				}
			}
			portfolioWebDesignState = "on"; 
			break;
		case "on":
			opacityTween = new OpacityTween(document.getElementById("portfolioWebDesign"), Tween.regularEaseIn, 100, 0, 1); opacityTween.start();
			opacityTween.onMotionFinished = function()
			{			
				motionTween = new Tween(document.getElementById("portfolioWebDesign").style, "height", Tween.regularEaseIn, height, 0, 1, "px"); motionTween.start();
				motionTween.onMotionFinished = function()
				{
					document.getElementById('wrapperBtnPortfolioWebDesign').innerHTML = "<img src=\"media/image/buttons/show-all-off.png\" alt=\"show more\" width=\"100\" height=\"22\" id=\"btnPortfolioWebDesign\" style=\"margin-right:10px; cursor:pointer;\" onmouseover=\"MM_swapImage('btnPortfolioWebDesign','','media/image/buttons/show-all-on.png',1)\" onmouseout=\"MM_swapImgRestore()\" onclick=\"togglePortfolioWebDesign("+height+")\" title=\"Show all\" />";
					document.getElementById("portfolioWebDesign").style.display = "none";
				}
			}
			portfolioWebDesignState = "off"; 
			break;
	}
}

var portfolioCorporateIdentityState = "off";
function togglePortfolioCorporateIdentity(height)
{
	switch(portfolioCorporateIdentityState)
	{
		case "off":
			motionTween = new Tween(document.getElementById("portfolioCorporateIdentity").style, "height", Tween.regularEaseIn, 0, height, 1, "px"); motionTween.start();
			motionTween.onMotionFinished = function()
			{
				document.getElementById("portfolioCorporateIdentity").style.display = "block";
				opacityTween = new OpacityTween(document.getElementById("portfolioCorporateIdentity"), Tween.regularEaseIn, 0, 100, 1); opacityTween.start();
				opacityTween.onMotionFinished = function()
				{
					document.getElementById('wrapperBtnPortfolioCorporateIdentity').innerHTML = "<img src=\"media/image/buttons/show-less-off.png\" alt=\"show less\" width=\"100\" height=\"22\" id=\"btnPortfolioCorporateIdentity\" style=\"margin-right:10px; cursor:pointer;\" onmouseover=\"MM_swapImage('btnPortfolioCorporateIdentity','','media/image/buttons/show-less-on.png',1)\" onmouseout=\"MM_swapImgRestore()\" onclick=\"togglePortfolioCorporateIdentity("+height+")\" title=\"Show less\" />";
				}
			}
			portfolioCorporateIdentityState = "on"; 
			break;
		case "on":
			opacityTween = new OpacityTween(document.getElementById("portfolioCorporateIdentity"), Tween.regularEaseIn, 100, 0, 1); opacityTween.start();
			opacityTween.onMotionFinished = function()
			{			
				motionTween = new Tween(document.getElementById("portfolioCorporateIdentity").style, "height", Tween.regularEaseIn, height, 0, 1, "px"); motionTween.start();
				motionTween.onMotionFinished = function()
				{
					document.getElementById('wrapperBtnPortfolioCorporateIdentity').innerHTML = "<img src=\"media/image/buttons/show-all-off.png\" alt=\"show more\" width=\"100\" height=\"22\" id=\"btnPortfolioCorporateIdentity\" style=\"margin-right:10px; cursor:pointer;\" onmouseover=\"MM_swapImage('btnPortfolioCorporateIdentity','','media/image/buttons/show-all-on.png',1)\" onmouseout=\"MM_swapImgRestore()\" onclick=\"togglePortfolioCorporateIdentity("+height+")\" title=\"Show all\" />";
					document.getElementById("portfolioCorporateIdentity").style.display = "none";
				}
			}
			portfolioCorporateIdentityState = "off"; 
			break;
	}
}