// places layer
function fncPlaceLyr(lOrienttationEl, lLyrObj, lLyrXOffset, lLyrYOffSet) {
	// checking existence positioning element
	if (document.getElementById(lOrienttationEl)) {
		var orienttationEl = document.getElementById(lOrienttationEl)
	} else {
		alert("Orientation element not found")
		return false
	}
	// checking existence layer
	if (document.getElementById(lLyrObj)) {
		var lyrObj = document.getElementById(lLyrObj)
	} else {
		alert("Layer not found")
		return false
	}
	if (orienttationEl && lyrObj) {
		// place layer
		var intRight = (fncFindPosX(orienttationEl)+lLyrXOffset)
		var intTop = (fncFindPosY(orienttationEl)+lLyrYOffSet)
		lyrObj.style.left = intRight+'px'
		lyrObj.style.top = intTop+'px'
	}
}

// show layer
function fncShowLyr(lLayerId) {
	if (document.getElementById(lLayerId)) {
		document.getElementById(lLayerId).style.display = 'block'
	}
}

// hide layer
function fncHideLyr(lLayerId) {
	if (document.getElementById(lLayerId)) {
		document.getElementById(lLayerId).style.display = 'none'
	}
}

// locate x-axis lEl
function fncFindPosX(lEl) {
	var curleft = 0
	if (lEl.offsetParent) {
		while (lEl.offsetParent) {
			curleft += lEl.offsetLeft
			lEl = lEl.offsetParent
			}
	}	else if (lEl.x) {
		curleft += lEl.x
	}
	return curleft
}

// locate y-axis lEl
function fncFindPosY(lEl) {
	var curtop = 0
	if (lEl.offsetParent) {
		while (lEl.offsetParent) {
			curtop += lEl.offsetTop
			lEl = lEl.offsetParent
			}
	} else if (lEl.y) {
		curtop += lEl.y
	}
	return curtop
}