function openModal(html, idName) {
	html = '\
		<div class="top"></div>\
		<div class="bottom"></div>\
		<div class="modalContent">\
			'+html+'\
		</div>\
		<div class="modalCloseBtn" onclick="closeModal(\''+idName+'\')"></div>\
	';
	myModal = document.createElement('div');
	myModal.id = idName;
	myModal.className = 'modal';
	myModal.innerHTML = html;

	myModalBg = document.createElement('div');
	myModalBg.id = idName+'Bg';
	myModalBg.className = 'modalBg';
	document.getElementsByTagName('body')[0].appendChild(myModalBg);

	eval('document.getElementById("'+idName+'Bg").onclick = function() {\
		closeModal("'+idName+'");\
	};');

	document.getElementsByTagName('body')[0].appendChild(myModal);
	
	if(document.getElementById('login-options')) {
		if(document.getElementById('login-options').getElementsByTagName('input').item(0)) {
			document.getElementById('login-options').getElementsByTagName('input').item(0).focus();
		}
	}
	
	if (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) {
		$(".submit").attr("src", "/themes/expo/images/ieImages/loginBtn.png");
		var height = $(document).height();
		$('.modalBg').height(height);
		$('select').addClass('noDisplay');
	}
	
}

function closeModal(idName) {
	myNode = document.getElementById(idName);
	myNode.parentNode.removeChild(myNode);
	
	myNode = document.getElementById(idName+'Bg');
	myNode.parentNode.removeChild(myNode);
	
	if (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) {
		$('select').removeClass('noDisplay');
	}
}