function showHelp(stepName) {
	//alert(languageNameLatSingle);
	var req = Spry.Utils.loadURL("GET", './stepcomment?alias=' + stepName, false, null, {headers: {"Content-Type": "text/html; charset=UTF-8"}});
	drawHelpFrame(stepName, req.xhRequest.responseText);
}

function showUrlWin(url, title) {
	var req = Spry.Utils.loadURL("GET", url, false, null, {headers: {"Content-Type": "text/html; charset=UTF-8"}});
	drawWinFrame(title, req.xhRequest.responseText);
}

function drawHelpFrame(stepName, helpTxt) {
	if(!document.getElementById('help-frame')) {
		var helpFrame = document.createElement('div');
		helpFrame.id = 'help-frame';
	}
	else {
		var helpFrame = document.getElementById('help-frame');
	}
	helpFrame.style.display = 'block';
	helpFrame.innerHTML = helpTxt;
	var title = document.getElementById(stepName).getElementsByTagName('a')[0].firstChild.nodeValue;
	var desc = document.getElementById(stepName).getElementsByTagName('span')[0].firstChild.nodeValue;
	var titleLine = document.createElement('div');
	titleLine.className = 'title-line';
	titleLine.appendChild(document.createTextNode(title + ' - ' + desc));
	var closeBut = document.createElement('img');
	closeBut.src = 'img/close.gif';
	closeBut.title = 'Close';
	closeBut.alt = 'Close';
	titleLine.appendChild(closeBut);
	helpFrame.appendChild(titleLine);
	document.getElementById("main").appendChild(helpFrame);
	setHelpFrameTop();
	for(var i = 0; i < document.getElementsByTagName('li').length; i++) {
			if(document.getElementsByTagName('li')[i].className != 'act-left') {
				document.getElementsByTagName('li')[i].className = '';
			}
	}
	document.getElementById(stepName).className = 'act';

	closeBut.onclick = function() {
		helpFrame.style.display = 'none';
		for(var i = 0; i < document.getElementsByTagName('li').length; i++) {
			if(document.getElementsByTagName('li')[i].className != 'act-left') {
				document.getElementsByTagName('li')[i].className = '';
			}
		}
	};
}

function drawWinFrame(titleTxt, helpTxt) {
	if(!document.getElementById('help-frame')) {
		var helpFrame = document.createElement('div');
		helpFrame.id = 'help-frame';
	}
	else {
		var helpFrame = document.getElementById('help-frame');
		helpFrame.innerHTML = "";
	}
	helpFrame.style.display = 'block';
	var cont = document.createElement('div');
	cont.className = "content";
	cont.innerHTML = helpTxt;
	var titleLine = document.createElement('div');
	titleLine.className = 'title-line';
	titleLine.appendChild(document.createTextNode(titleTxt));
	var closeBut = document.createElement('img');
	closeBut.src = 'img/close.gif';
	closeBut.title = 'Close';
	closeBut.alt = 'Close';
	titleLine.appendChild(closeBut);
	helpFrame.appendChild(titleLine);
	helpFrame.appendChild(cont);
	document.getElementById("main").appendChild(helpFrame);
	setHelpFrameTop();
	
	closeBut.onclick = function() {
		helpFrame.style.display = 'none';
	};
}

	window.onscroll = function() {
		setHelpFrameTop();
	};

	window.onresize = function() {
		setHelpFrameTop();
	};

function prnHelpFrameParam(_myWin, _div_height, _browser_inner_height, _scroll_top) {
	var mes = '';
	mes += "<p>_div_height " + _div_height + "px</p>";
	mes += "<p>_browser_inner_height " + _browser_inner_height + "px</p>";
	mes += "<p>_scroll_top " + _scroll_top + "px</p>";
	_myWin.innerHTML = mes;
}

function setHelpFrameTop() {
	var _myWin = document.getElementById("help-frame");
	if(_myWin) {
	    var _top = 0;
	    var _div_height = _myWin.offsetHeight;
	    var _browser_inner_height = getViewportHeight();
	    //alert(_browser_inner_height);
	    var _scroll_top;
	    if(document.body.scrollTop) {
    		_scroll_top = document.body.scrollTop;
    	}
    	else {
    		_scroll_top = document.documentElement.scrollTop;
    	}

	    _top = (_browser_inner_height - _div_height)/2 + _scroll_top;
	    _myWin.style.top = _top + "px";
    }
}