var jtk = new JoookToolkit();

function displayWin(winId, emt){
	var emtPos = jtk.getPosition(emt);
	var winEmt = jtk.select("#" + winId)[0];
	
	jtk.setOpacity(winEmt, 95);
	
	winEmt.style.display = "block";
	
	var winDims = jtk.getDimensions(winEmt);
	
	winEmt.style.position = "absolute";
	winEmt.style.left = (emtPos.left - 23) + "px";
	winEmt.style.top = (emtPos.top + 17) + "px";
}

function hideWin(winId){
	var winEmt = jtk.select("#" + winId)[0];
	winEmt.style.display = "none";
}

jtk.addEvent(window, "load", function(){
	var fieldArr = jtk.select("#mailAddrField");
	if(typeof(fieldArr) == 'object' && fieldArr.length > 0 && fieldArr[0] != null){
		var inputField = fieldArr[0];
		jtk.addEvent(inputField, "mouseover", function(){displayWin("helpWin", inputField);});
		jtk.addEvent(inputField, "mouseout", function(){hideWin("helpWin");});
	}
});

function showLayer(layerId, clickSrc, optObj){
	var tweakCoords = {x: 0, y: 0};
	if(optObj && typeof(optObj) != 'undefined'){
		tweakCoords = {x: optObj.relX, y: optObj.relY};
	}

	var srcPos = jtk.getPosition(clickSrc);
	var layerPos = {x: srcPos.left + tweakCoords.x, y: srcPos.top + tweakCoords.y};
	var layer = new Layer(layerId, clickSrc);
	layer.setOrigin(layerPos.x, layerPos.y);
	
	if(typeof(optObj.onShow) == 'function'){
		layer.onBeforeShow = optObj.onShow;
	}
	if(typeof(optObj.onHide) == 'function'){
		layer.onHide = optObj.onHide;
	}
	
	layer.show();
}

var gpsoptions={relX: -25, relY: -230};