var puID = null;
function showtrail(id){

	puID = 'hoverbox_'+id;
	var imgID = 'productimage_'+id;
	
	var vpDims=document.viewport.getDimensions();
	var vpPos=document.viewport.getScrollOffsets();
	var puDims=$(puID).getDimensions();
	var offset=[];
	offset['x']=vpPos['left']+10;
	offset['y']=vpPos['top']-10;
	var thmbPos=$(imgID).viewportOffset();
	var thmbDim=$(imgID).getDimensions();
	if((thmbPos[0]+thmbDim['width']+puDims['width']+offset['x'])<=vpDims['width'])
		puDims['x']=thmbPos[0]+thmbDim['width']+offset['x'];
	else
		puDims['x']=thmbPos[0]-puDims['width']-offset['x'];
	if((thmbPos[1]+puDims['height'])<=vpDims['height'])
		puDims['y']=thmbPos[1]+offset['y']
	else
		puDims['y']=offset['y']+vpDims['height']-puDims['height'];
	if(puDims['y']<=vpPos['top'])
		puDims['y']=vpPos['top']+5;
	if($(puID)){
		$(puID).style.left=puDims['x']+'px';
		$(puID).style.top=puDims['y']+'px';
		$(puID).show();
	}
}
function hidetrail(){

	$(puID).hide();
}