function whoCloud(getAction) {

	var cloud = document.getElementById('whoCloud');

	if(getAction == 'show') {
		cloud.style.display = 'block'; 
	} else if(getAction == 'hide') {
		cloud.style.display = 'none';
	}

}

function opacityAnimation(getStep) {

		var animationLayer = 'slideWindowList';
	
		if(getStep < 10) {
			document.getElementById(animationLayer).style.opacity = '0.' + getStep;
			document.getElementById(animationLayer).style.filter = 'Alpha(Opacity = '+ getStep*10 + ')';
			var addStep = getStep + 1;
			setTimeout('opacityAnimation('+addStep+')', 80);
    }
    else {
      document.getElementById(animationLayer).style.opacity= '1';
      document.getElementById(animationLayer).filter = 'Alpha(Opacity = 100)';
    }
    
	}

function slideShow(getDirection) {

	var slideList = document.getElementById('slideWindowList');
	var move = slideList.className * 167;

	if(getDirection == 'left') {
		if(slideList.className == '1') {
			opacityAnimation('1');
			slideList.style.margin = '-334px 0 0 0';
			slideList.className = '3';
		} else if(slideList.className == '2') {
			opacityAnimation('1');
			slideList.style.margin = '0 0 0 0';
			slideList.className = '1';
		} else if(slideList.className == '3') {
			opacityAnimation('1');
			slideList.style.margin = '-167px 0 0 0';
			slideList.className = '2';
		}
	} else if(getDirection == 'right') {
		if(slideList.className == '3') {
			opacityAnimation('1');
			slideList.style.margin = '0 0 0 0';
			slideList.className = '1';
		} else {
			opacityAnimation('1');
			slideList.style.margin = '-'+move+'px 0 0 0';
			slideList.className++;
		}
	}

}