// SearchPanels functions

function getElement(theId) {
	return document.getElementById(theId);
}

function showPanel(thisItem, divId, modifierX, modifierY) {        
    if(!getElement(divId)) {
        alert('Target Layer not found!');
    } else {                          
            getElement(divId).style.visibility = "hidden"; 
            getElement(divId).style.display = "block";

            modifierX = thisItem.offsetWidth + modifierX;
            modifierY = modifierY + 4;                       
                                   
            positionPanel(thisItem, getElement(divId),modifierX,modifierY);                  
            getElement(divId).style.visibility = "visible"; 
    }
}

function positionPanel(thisItem, newDiv,modifierX,modifierY) {         
        var newX = (thisItem.offsetLeft) + modifierX;
        var newY = (thisItem.offsetTop)+ modifierY;
   
        //avoid the layer to get lost out of document
        newX < 1 ? (newX=1) : (newX);
        newY < 1 ? (newY=1) : (newY);
       
        newDiv.style.left = newX + 'px';               
    	newDiv.style.top =  newY + 'px';
}

function closePanel (divId , theImg, newSrc) {
    if(!getElement(divId)) {
        alert('Target Layer not found!');
    } else {       
        getElement(divId).style.display = "none";
		if (theImg && newSrc) 
		getElement(theImg).src = newSrc;
    }
}