﻿function initializeComponents() {
	checkBackground(document.getElementById("account"));
	checkBackground(document.getElementById("password"));
	checkBackground(document.getElementById("yourname"));
}
function checkBackground(objField) {
	objField.style.backgroundImage = "url('/images/loginBox1/label_" + ((objField.value != "")?"blank":objField.id) + ".gif')";
}

function goto(url){
	document.location = url;
}
function selectItem() {
	clearTimeout(timeoutID);
}
function showMenu(menuId, blockId) {
	clearTimeout(timeoutID);
	hideAll();
	var objBlock = document.getElementById(blockId);
	var objMenu = document.getElementById(menuId);
	var objPos = findPosition(objMenu);
	var objDim2 = findDimensions(objMenu);
	objBlock.style.top = (objDim2[1] + objPos[1]) + "px";
	objBlock.style.left = (objPos[0] - parseInt(objBlock.style.width) + objDim2[0]) + "px"; //objDim1[0]
	objBlock.style.display = "block";
}
var timeoutID;
var arrBlockId = new Array("block1", "block2", "block3", "block4");
function hideMenu() {
	timeoutID = setTimeout("hideAll();", 500);
}
function hideAll() {
	for (var i = 0; i < arrBlockId.length; i++) {
		document.getElementById(arrBlockId[i]).style.display = "none";
	}
}
function findPosition(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft;
		curtop = obj.offsetTop;
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		}
	}
	return [curleft, curtop];
}
function findDimensions(obj) {
	var curheight = 0;
	var curwidth = 0;
	for (; obj != null && curheight == 0; obj = obj.parentNode) {
		if (obj.offsetHeight && obj.offsetWidth) {
			curheight = obj.offsetHeight;
			curwidth = obj.offsetWidth;
		}else{
			if (obj.style.pixelHeight && obj.style.pixelWidth) {
				curheight = obj.style.pixelHeight;
				curwidth = obj.style.pixelWidth;
			}else{
				if (obj.height && obj.width) {
					curheight = parseInt(obj.height);
					curwidth = parseInt(obj.width);
				}
			}
		}
	}
	return [curwidth, curheight];
}

var arrBalloons = new Array();
var balloonTimeoutID;

function showBalloonMarker(balloonMarkerId, balloonId, targetId, mrkOffsetX, mrkOffsetY){
	objBalloonMarker = document.getElementById(balloonMarkerId);
	objBalloon = document.getElementById(balloonId);
	objTarget = document.getElementById(targetId);
	var objPos = findPosition(objTarget);
	objBalloonMarker.style.top = (objPos[1]-3 + mrkOffsetY) + "px";
	objBalloonMarker.style.left = (objPos[0] - 30 + mrkOffsetX) + "px";
	objBalloonMarker.style.display="block";	
}

function showBalloon(balloonMarkerId, balloonId, targetId, tmr, mrkOffsetX, mrkOffsetY, blnOffsetX, blnOffsetY){
	objBalloon = document.getElementById(balloonId);
	if(objBalloon.style.display == "block"){
		resetBalloonTimer();
	}else{
		objBalloonMarker = document.getElementById(balloonMarkerId);
		objTarget = document.getElementById(targetId);
		arrBalloons.push([balloonMarkerId, balloonId, targetId, mrkOffsetX, mrkOffsetY]);
		var objPos = findPosition(objTarget);
		objBalloon.style.top = (objPos[1] - 41 + blnOffsetY) + "px";
		objBalloon.style.left = (objPos[0] - 214 + blnOffsetX) + "px";
		objBalloon.style.display = "block";
	}
}

function resetBalloonTimer(){
	clearTimeout(balloonTimeoutID);
}
function hideBalloon(tmr) {
	resetBalloonTimer();
	balloonTimeoutID = setTimeout("hideAllBalloons();", tmr);
}
function hideAllBalloons() {
	var balloon;
	while(arrBalloons.length>0){
		balloon = arrBalloons.pop();
		document.getElementById(balloon[1]).style.display = "none";
		showBalloonMarker(balloon[0], balloon[1], balloon[2], balloon[3], balloon[4])
	}
}
var counter = 0;
