var doFade = 0;

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 turnoff(id) {
	 document.getElementById(id).style.visibility = "hidden";
}
function setdone(id) {
	document.getElementById(id).style.fontSize = "10px";
}
function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}

function showThumb(id) {
	var speed = 20;
	var timer = 0; 

	container_t = 80;
	title_t = document.getElementById('t'+id).offsetTop;
	title_h = document.getElementById('t'+id).offsetHeight;
	thumb_h = document.getElementById('p'+id).offsetHeight;
	thumb_top = title_t;
	thumb_top = thumb_top-(thumb_h/2);
	thumb_top = thumb_top+(title_h/2)-5;
	document.getElementById('p'+id).style.top = thumb_top+"px";
	document.getElementById('brack').style.top = thumb_top+"px";
	
	
	if(doFade==0) {
		document.getElementById('p'+id).style.visibility="visible";
		document.getElementById('brack').style.visibility="visible";
	} else { 
		if(document.getElementById('p'+id).style.visibility=="visible") return; //dont start showing if already visible
		if(document.getElementById('p'+id).style.fontSize=="12px") { //if 12 then we are animating it already
			return; //dont start showing if another process in going
		}
		document.getElementById('p'+id).style.fontSize="12px";
		changeOpac(0,'p'+id); //make sure its hidden
		document.getElementById('p'+id).style.visibility = "visible";
		for(i = 0; i <= 100; i+=10) {
			setTimeout("changeOpac(" + i + ",'p"+id+"')",(timer * speed));
			timer++;
		}
		setTimeout("setdone('p"+id+"')",(timer * speed));
	}	
}

function hideThumb(id) {
	var speed = 20;
	var timer = 0; 

	if(doFade==0) {
		document.getElementById('p'+id).style.visibility="hidden";
		document.getElementById('brack').style.visibility="hidden";
	} else { 	
		if(document.getElementById('p'+id).style.visibility=="hidden") return; //dont start hiding if already hidden
		if(document.getElementById('p'+id).style.fontSize=="12px") { //if 12 then we are animating it already
			setTimeout("hideThumb("+id+")",10); //call back again in a little bit
			return; //dont start showing if another process in going
		}
		document.getElementById('p'+id).style.fontSize="12px";
		
		for(i = 100; i >= 0; i-=10) {
			setTimeout("changeOpac(" + i + ",'p"+id+"')",(timer * speed));
			timer++;
		}
		setTimeout("turnoff('p"+id+"')",(timer * speed));
		setTimeout("setdone('p"+id+"')",(timer * speed));
	}
}


function changeScreen(id,extra) {
	document.getElementById('screen').src="/images/screen.php?id="+id+";extra="+extra;
}