initPopup = function() {
	var btn = document.getElementById("open-popup");
	var popup = document.getElementById("popup");
	if ( btn&&popup )
	{
		btn.onclick = function()
		{
			popup.style.display = "block";
			popup.style.top = (document.body.offsetHeight - popup.offsetHeight)/2 + "px";
			return false;
		}
		popup.onclick = function()
		{
			popup.style.display = "none";
		}
		
	}
}
if (window.addEventListener)
	window.addEventListener("load", initPopup, false);
else if (window.attachEvent)
	window.attachEvent("onload", initPopup);
	
	var browsers = 'IE';
	var config = {
		hovers: new Array(
			{
				parentId:'list',
				tagName:'div',
				tagPosition:'all',
				className:'hover'
			}
		)
	};

	/* hovers */

	var initHovers = function()
	{
		for (var index in config.hovers){
			var conf = config.hovers[index];
			var topLevelElement = document.getElementById(conf.parentId);
			if (topLevelElement){
				var subElements = topLevelElement.getElementsByTagName(conf.tagName);
				for (var i = 0; i < subElements.length; i++){
					if (conf.tagPosition == 'all' || (conf.tagPosition == 'children' && subElements[i].parentNode.id == conf.parentId))
					{
						subElements[i].configIndex = index;
						subElements[i].onmouseover = function(){
							this.className += ' ' + config.hovers[this.configIndex].className;
						};
						subElements[i].onmouseout = function(){
							this.className = this.className.replace(config.hovers[this.configIndex].className,'');
						};
					}
				}
			}
		}
	}

	/* common */

	var currentState = {};

	var opera = window.opera;
	var safari = navigator.appVersion.indexOf("Safari") != -1;
	var ie = document.all && !window.opera;
	var ff = navigator.userAgent.indexOf("Firefox") != -1;

	var addEvent = function(browsers,event,initMethod)
	{
		if (opera && (browsers.match(/Opera/) || browsers.match(/all/))) {
			window.addEventListener(event, initMethod, false);
		} else if (safari && (browsers.match(/Safari/) || browsers.match(/all/))) {
			window.addEventListener(event, initMethod, false);
		} else if (ie && (browsers.match(/IE/) || browsers.match(/all/))) {
			window.attachEvent("on" + event, initMethod);
		} else if (ff && (browsers.match(/FF/) || browsers.match(/all/))) {
			window.addEventListener(event, initMethod, false);
		} else if (!ie && !ff && !safari && !opera) {
			if (window.addEventListener){
				window.addEventListener(event, initMethod, false);
			}
			else if (window.attachEvent){
				window.attachEvent("on" + event, initMethod);
			}
		} 
	}

	addEvent(browsers,'load',initHovers);