var imgNo = -1;

	function playFF() {
		imgNo++;
		updatePlay();
	}
	function playRW() {
		imgNo--;
		updatePlay();
	}
	function updatePlay(no) {
		opacity("showBox",100,0,400);
		agent.call('playit.php','playIt','playCB', imgNo);
	}
	function playCB(no) {
		arr = no.split("<|>");
		imgNo = arr[1];
		setTimeout("test('"+arr[0]+"')",600);
	}
	function test(arr) {
		document.getElementById('showBox').innerHTML = arr;
		opacity('showBox',0,100,400);
	}
	
	/*---------------ChangeOpacity-------------*/
	function showHide(id, visibility) {
	   document.getElementById(id).style.visibility = visibility;
	}
	function changeOpac(opacity, id) {
		var object = document.getElementById(id).style; 
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
	}
	function opacity(id, opacStart, opacEnd, millisec) {
		var speed = Math.round(millisec / 10);
		var timer = 0;
		
		if(opacStart > opacEnd) {
			for(i = opacStart; i >= opacEnd; i-=10) {
				setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
				timer++;
				if(i <= opacEnd) {
					setTimeout("showHide('" + id + "', 'hidden')",(timer * speed));
				}
			}
		} else if(opacStart < opacEnd) {
			for(i = opacStart; i <= opacEnd; i+=10) {
				setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
				timer++;
				if(i <= opacEnd) {
					setTimeout("showHide('" + id + "', 'visible')",(timer * speed));
				}
			}
		}
	}