function showDesc(photo_id, text_str){
	if (document.getElementById) {
		var d = document.getElementById('desc');
		var f = document.getElementById(photo_id);
	}
	else if (document.all) {
		var d = document.all['desc'];
		var f = document.images[photo_id];
	}
	else return;
	
	//debugger;
	alert ("txt: "+'<span class="main">' + text_str + '</span>');
	d.innerHTML = '<span class="main">' + text_str + '</span>';
	var picX = f.offsetLeft;
	var picY = f.offsetTop;
	var obj = f.offsetParent;
	while (obj.offsetParent){
		picX += obj.offsetLeft;
		picY += obj.offsetTop;
		obj = obj.offsetParent;
	}
	var picW = f.offsetWidth;
	var picH = f.offsetHeight;
	//var txtW = d.offsetWidth;
	var txtW = 250;
	var txtH = d.offsetHeight;
	//var txtH = f.offsetWidth;
	if (document.body.scrollTop + txtH + 20 > picY)
		d.style.top = picY + picH + 20;
	else
		d.style.top = picY - txtH - 10;
	if (picX < document.body.scrollLeft + 5)
		picX = document.body.scrollLeft + 5; 
	var right_side = document.body.scrollLeft + document.body.clientWidth;
	if (picX + txtW + 5 > right_side)
		d.style.left = right_side - txtW - 5;
	else
		d.style.left = picX;
	d.style.width = txtW;	
	d.style.height = 300;
	d.style.padding = 5;
	d.style.visibility="visible";	
	alert ("offsetLeft: "+ d.offsetLeft+"\noffsetTop: "+d.offsetTop+"\noffsetWidth: "+d.offsetWidth+"\noffstHeight: "+d.offsetHeight);
	
}
function hideDesc(){
	if (document.getElementById)
		document.getElementById('desc').style.visibility="hidden";
	else if (document.all)
		document.all['desc'].style.visibility="hidden";
}

///=====================================================================================