function initPage(){
	initTabs();
	openBox();
	addButton();
	changeStep();
}
function addButton(){
	var _btnDiv = document.getElementsByTagName('strong');
	var _input = document.getElementsByTagName('input');
	var _btnEmAr = [];
	//var _count = 0;
	if (_btnDiv && _input){
		for (var i=0; i<_btnDiv.length; i++) {
			if (_btnDiv[i].className.indexOf('btn-oc') != -1) {
				var _btnEm = _btnDiv[i].getElementsByTagName('em');
				var _btnA = _btnDiv[i].getElementsByTagName('a');
				if (_btnEm[0] && _btnA[0]){
					_btnEm[0].style.width = _btnA[0].offsetWidth + 'px';
					_btnEm[0].parentNode.style.width = _btnA[0].offsetWidth + 'px';
					_btnEm[0].style.marginRight = -_btnA[0].offsetWidth + 'px';
					_btnEm[0].style.display = 'block';
					_btnEmAr.push(_btnEm[0]);
					for (var j = 0; j < _input.length; j++) {
						if (_input[j].className.indexOf('check-add-btn') != -1) {
							_input[j].onclick = function(){
								//CHANGE WSM: moved this behaviour to form.js checkCheckboxes
								/*
								if (this.checked) _count++
								else _count--;
								if (_count == 4) {
									for (var k=0; k<_btnEmAr.length; k++) {
										_btnEmAr[k].style.display = 'none';
										_btnEmAr[k].parentNode.className += ' open-btn';
										alert(_btnEmAr[k].id);
									};
								}
								else {
									for (var k=0; k<_btnEmAr.length; k++) {
										_btnEmAr[k].style.display = 'block';
										_btnEmAr[k].parentNode.className = _btnEmAr[k].parentNode.className.replace(" open-btn", "");
									};
								}
								*/
							}
						}
					}
				}
			}
		};
	}
}
function openBox(){
	var _chek = document.getElementById('yes');
	var _div = document.getElementsByTagName('div');
	var _chek2 = document.getElementById('add');
	var flag = true;
	if (_chek && _div && _chek2){
		_chek2.onclick = function(){
			if (flag){
				for (var j = 0; j < _div.length; j++) {
					if (_div[j].className.indexOf('close-box') != -1) {
						_div[j].style.display = 'block';
						flag = false;
					}
				}
			}
			else{
				for (var j = 0; j < _div.length; j++) {
					if (_div[j].className.indexOf('close-box') != -1) {
						_div[j].style.display = 'none';
						flag = true;
					}
				}
			}
		}
		_chek.onclick = function(){
			if (this.parentNode.parentNode.parentNode.className.indexOf('open-block') != -1) {
				this.parentNode.parentNode.parentNode.className = this.parentNode.parentNode.parentNode.className.replace(" open-block", "");
			}
			else{
				this.parentNode.parentNode.parentNode.className += " open-block";
			}
		}
	}
}
function changeStep(){
	var _divs = document.getElementsByTagName('div');
	var _tabBox = [];
	var _links = document.getElementsByTagName('a');
	var _linksPrev = [];
	var _linksNext = [];
	var _active;
	for (var i = 0; i < _divs.length; i++) {
		if (_divs[i].className.indexOf('step-box') != -1) {
			_tabBox.push(_divs[i]);
			_divs[i].style.display = 'none';
		}
	}

	//changed JV
	//_tabBox[0].style.display = 'block';
	if (_tabBox.length > 0) {
		_tabBox[0].style.display = 'block';
	}
	//end-of-change

	for (var i = 0; i < _links.length; i++) {
		if (_links[i].className.indexOf('prev-tab') != -1) {
			_linksPrev.push(_links[i]);
		}
	}
	for (var i = 0; i < _links.length; i++) {
		if (_links[i].className.indexOf('next-tab') != -1) {
			_linksNext.push(_links[i]);
		}
	}
	for (var i = 0; i < _linksNext.length; i++) {
		_linksNext[i].k = i;
		_linksNext[i].onclick = function(){
			_active = this.k;
			_tabBox[_active].className = _tabBox[_active].className.replace(" open-box", "");
			_tabBox[_active].style.display = 'none';
			_tabBox[_active+1].className += " open-box";
			_tabBox[_active+1].style.display = 'block';
			return false;
		}
	}
	for (var i = 0; i < _linksPrev.length; i++) {
		_linksPrev[i].k = i;
		_linksPrev[i].onclick = function(){
			_active = this.k;
			_tabBox[_active+1].className = _tabBox[_active+1].className.replace(" open-box", "");
			_tabBox[_active+1].style.display = 'none';
			_tabBox[_active].className += " open-box";
			_tabBox[_active].style.display = 'block';
			return 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++)
							{
								document.getElementById(this.tabs[i].href.substr(this.tabs[i].href.indexOf("#") + 1)).style.display = "none";
								this.tabs[i].className = this.tabs[i].className.replace("active", "");
							}
							this.className += " active";
							c.style.display = "block";
							return false;
						}
					}
				}
			}
		}
	}
}

if (window.addEventListener) window.addEventListener("load", initPage, false);
else if (window.attachEvent) window.attachEvent("onload", initPage);
