function initPage(){
	initTabs();
	initPopup();
}
function findClass(_tag, _class){
	var _tagNameHold = document.getElementsByTagName(_tag);
	var _classNameMas = [];
	if (_tagNameHold) 
		for (var i = 0; i < _tagNameHold.length; i++) 
			if (_tagNameHold[i].className.indexOf(_class) != -1) _classNameMas.push(_tagNameHold[i]);
	return _classNameMas;
};
function initPopup(){
	var links = findClass('a','link-popap');
	var fader = document.getElementById('fader');
	var selects = document.getElementsByTagName('select');
	var popup;
	if (fader && links.length > 0){
		for (var i=0;i<selects.length;i++) selects[i].style.visibility = 'hidden';
		fader.style.opacity = 0.8;
		for (var i=0; i<links.length; i++) {
			links[i].onclick = function (){
				popup = document.getElementById(this.href.substr(this.href.indexOf("#") + 1));
				if (popup){
					var _el = popup.getElementsByTagName('a');
					if (_el) for (var i = 0; i < _el.length; i++) if (_el[i].className.indexOf('btn-close') != -1) var btnClose = _el[i];
					
					var w = (window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth));
					var h = (window.innerHeight ? window.innerHeight : (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.offsetHeight));
					
					var _offset = 0;
					if(document.body && document.body.scrollTop) _offset = document.body.scrollTop;
					if(document.documentElement && document.documentElement.scrollTop) _offset = document.documentElement.scrollTop;
					if(window.pageYOffset) _offset =  window.pageYOffset;
					
					popup.style.top = (_offset+(h/2) - popup.clientHeight/2) + 'px';
					popup.style.left = (w/2 - popup.clientWidth/2) + 'px';
					popup.style.display = 'block';
					fader.style.display = 'block';
					fader.style.height = document.documentElement.scrollHeight+'px';
					btnClose.onclick = function(){
						popup.style.left = '-9999px';
						fader.style.display = 'none';
						return false;
					}
				}
				return false;
			}
		}
	}
}


//find element by tag and class
function findEl(tag,tagClassName,node,eq){
	if (node == null || node=='*') node = document;
	if (tag == null) tag = '*';
	var _tags= new Array();
	var _result = new Array();
	var _cnt = 0;
	_tags = node.getElementsByTagName(tag);
	if ( eq == null ) eq = _tags.length;
	for (var i=0; i<_tags.length; i++){
		if (_tags[i].className.indexOf(tagClassName)!=-1){
			_result[_cnt]=_tags[i];
			if (eq==_cnt) return _result[eq];
			_cnt++;
		}
	}
	return _result.length ? _result : false;
}

function initTabs()
{
	var sets = document.getElementsByTagName("ul");
	for (var i = 0; i < sets.length; i++)
	{
		if (sets[i].className.indexOf("tabset") != -1)
		{
			var tabs = [];
			var links = sets[i].getElementsByTagName("a");
			for (var j = 0; j < links.length; j++)
			{
				if (links[j].className.indexOf("tab") != -1)
				{
					tabs.push(links[j]);
					links[j].tabs = tabs;
					var c = document.getElementById(links[j].href.substr(links[j].href.indexOf("#") + 1));

					//reset all tabs on start
					if (c) if (links[j].className.indexOf("active") != -1) c.style.display = "block";
					else c.style.display = "none";

					links[j].onclick = function ()
					{
						var c = document.getElementById(this.href.substr(this.href.indexOf("#") + 1));
						if (c)
						{
							//reset all tabs before change
							for (var i = 0; i < this.tabs.length; i++)
							{
								var tab = document.getElementById(this.tabs[i].href.substr(this.tabs[i].href.indexOf("#") + 1));
								if (tab)
								{
									tab.style.display = "none";
								}
								this.tabs[i].className = this.tabs[i].className.replace("active", "");
							}
							this.className += " active";
							c.style.display = "block";
							return false;
						}
					}
				}
			}
		}
		if (sets[i].className.indexOf("subtabset") != -1)
		{
			var tabs = [];
			var links = sets[i].getElementsByTagName("a");
			for (var j = 0; j < links.length; j++)
			{
				if (links[j].className.indexOf("tab") != -1)
				{
					tabs.push(links[j]);
					links[j].tabs = tabs;
					var _tmp = links[j].href.substr(links[j].href.indexOf("#") + 1);
					var c = document.getElementById(_tmp);
					var _cc = findEl('div',_tmp,document,0);

					//reset all tabs on start
					if (c){
						if (links[j].className.indexOf("active") != -1) {
							_cc.style.display = "block";
						}else {
							c.style.display = "none";
							_cc.style.display = "none";
						}
					}

					links[j].onclick = function ()
					{
						var _tmp = this.href.substr(this.href.indexOf("#") + 1);
						var c = document.getElementById(_tmp);
						var _cc = findEl('div',_tmp,document,0);
						if (c)
						{
							//reset all tabs before change
							for (var i = 0; i < this.tabs.length; i++)
							{
								var _href = this.tabs[i].href.substr(this.tabs[i].href.indexOf("#") + 1);
								var tab = document.getElementById(_href);
								var subtab = findEl('div',_href,document,0);
								if (tab)
								{
									tab.style.display = "none";
									subtab.style.display = "none";
								}
								this.tabs[i].className = this.tabs[i].className.replace("active", "");
							}
							this.className += " active";
							c.style.display = "block";
							_cc.style.display = "block";
							return false;
						}
					}
				}
			}
		}
	}
}

if (window.addEventListener)
	window.addEventListener("load", initPage, false);
else if (window.attachEvent && !window.opera)
	window.attachEvent("onload", initPage);