function getAbsoluteLeft(objectId) {
	// Get an object left position from the upper left viewport corner
	// Tested with relative and nested objects
	o = document.getElementById(objectId);
	oLeft = o.offsetLeft ;           // Get left position from the parent object
	while(o.offsetParent!=null) {   // Parse the parent hierarchy up to the document element
		oParent = o.offsetParent ;   // Get parent object reference
		oLeft += oParent.offsetLeft; // Add parent left position
		o = oParent;
	}
	// Return left postion
	return oLeft;
}

function getAbsoluteTop(objectId) {
	// Get an object top position from the upper left viewport corner
	// Tested with relative and nested objects
	o = document.getElementById(objectId);
	oTop = o.offsetTop       ;     // Get top position from the parent object
	while(o.offsetParent!=null) { // Parse the parent hierarchy up to the document element
		oParent = o.offsetParent ; // Get parent object reference
		oTop += oParent.offsetTop; // Add parent top position
		o = oParent;
	}
	// Return top position
	return oTop;
}


function view_gallery(img,id)
{
		//document.getElementById('mycam1').style.display='none';
		//document.getElementById('mycam2').style.display='none';
	//	document.getElementById('mycam3').style.display='none';
		
		
		var w = screen.width
		var w2 = (w/2)-50;
		var left = getAbsoluteLeft(id);
		var ig = 502;
		//alert("Rez: "+w+" | Left:"+(wnow+ig));

//				alert(" - "+left)
		if(left>w2){
			left = left-550;
		}
		

		//var  = getAbsoluteLeft(id);
		//var top = getAbsoluteTop(id);
		var top = 290;
		var resp = document.getElementById('mygallery');
		resp.style.top = top+'px';
		resp.style.left = left-130+'px';
		


		
		resp.innerHTML='<img src="/resize.php?image='+img+'">';
		
		document.getElementById('mygallery').style.display='';
		//document.getElementById('mycam'+img).style.display='';
		return false;
}

function hide_gallery(img) {
	document.getElementById('mygallery').style.display='none';
//	document.getElementById('mycam'+img).style.display='none';
}