function posKidsX(domParent, domKids, alignment, shift){
		wP = domParent.offsetWidth - 2 // 2px - border
		wK = domKids.offsetWidth
		switch (alignment){
			case 'RR':
				domKids.style.left = wP - wK + shift + 'px'
				break
			case 'LR':
				domKids.style.left = -wK + shift + 'px'
				break
			case 'RL':
				domKids.style.left = wP + shift + 'px'
				break
			case 'LL':
				domKids.style.left = shift + 'px'
				break				
		}
	}	

	function posKidsY(domParent, domKids, alignment, shift){
		hP = domParent.offsetHeight - 2 // 2px - border
		hK = domKids.offsetHeight
		switch (alignment){
			case 'TT':				//domKids.style.left = wP - wK + shift + 'px'
				break
			case 'BB':				//domKids.style.left = -wK + shift + 'px'
				break
			case 'TB':				//domKids.style.left = wP + shift + 'px'
				break
			case 'BT':				//domKids.style.left = shift + 'px'
				break				
		}
	}	

	//var popup_type = 'HRB' //'HLB'
	var popup_type = 'HLB'
  
    var magnet = {
    	HLB : ['LL','RL'],
	    HRB : ['RR','LR']
    }
	var shift_X	= {
    	HLB : [0,-14,-5,-5],
	    HRB : [0,-15,10,-5]	
    }
	var shift_Y	= {
    	HLT : [0,-15,10,-5],
	    HRT : [0,-15,10,-5]	
    }
    
	function posKids(popupType, idsArray){
		for (var key in idsArray)
			if (domK = document.getElementById(key + '_kids')){
				domK.style.width = domK.offsetWidth + 'px'
				domP = document.getElementById(key)
				
				var len = idsArray[key].length
				var shift_x = shift_X[popupType][len]
				
				if (len == 1)
					posKidsX(domP, domK, magnet[popupType][0], shift_x)
				if (len > 1)
					posKidsX(domP, domK, magnet[popupType][1], shift_x)					
			}			
	}
	

	function setNote(text, sep){
		domBook.innerHTML += sep + text	
	}