var y = 30;
var targetY = 45;
var currentY;
var slidesafetycatch=0;

function slide(id,startY,endY) {
	currentY++;
	document.getElementById(id).style.top=(currentY+"px");
	if (currentY >= targetY) {
		clearInterval(slider);
		slidesafetycatch=0;
	}
}

function reverse(id,startY,endY) {
	currentY--;
	document.getElementById(id).style.top=(currentY+"px");
	if (currentY <= y) {
		clearInterval(reverser);
		slidesafetycatch=0;
	}
}

function showFing(id) {
	// safety catch

	if (slidesafetycatch<1) {
		slidesafetycatch=1;
	
		// set opacity to 0
		setopacity(0,id);
		
		// set visbility to visible and display to block
		document.getElementById(id).style.display="block";
		document.getElementById(id).style.visibility="visible";
		
		// fade up...
		fade(id,0,100,15);
		
		// slide it
		currentY=y;
		slider = setInterval("slide('"+id+"')", 10);
	}
}

function hideFing(id) {
	// safety catch
	if (slidesafetycatch<1) {
		slidesafetycatch=1;
		
		// fade down...
		fade(id,100,0,5);
		
		// slide it
		//currentY=y;

		reverser = setInterval("reverse('"+id+"')", 10);
	}
	else {
		alert(document.getElementById(id).style.top);
	}
}

function hideNshow (showme,hideme) {
	if (document.getElementById(hideme)) {
		if (document.getElementById(hideme).style.display=="block" && document.getElementById(hideme).style.visibility=="visible") {
			//alert(document.getElementById(hideme).style.top);
			//hideFing(hideme,showme);
			setopacity(0,hideme);
			document.getElementById(hideme).style.visibility='hidden';
			document.getElementById(hideme).style.display='none';
			document.getElementById(hideme).style.top=(y+"px");
			showFing(showme);
		}
		else {
			showFing(showme);
		}
//		hideme
	}
}