function setLink(i) {
		a[i].onclick = function () {
			div[i].style.display = "block";
 			for(var j = 0; j < div.length; j++) {
  				if (i != j) {
 	  				div[j].style.display = "none";
 	  				a[j].className = "";
  				} else {
  					a[j].className = "kon";
  				}
  			} 
			return false;
		}
}

function doNaprej(i) {
	var n = document.getElementById("naprej"+i);
	
	if(n != undefined) {
		n.onclick = function () {
			div[i].style.display = "block";
			for(var j = 0; j < div.length; j++) {
 				if (i != j) {
	  				div[j].style.display = "none";
	  				a[j].className = "";
 				} else {
 					a[j].className = "kon";
 				}
 			} 		
		}
	}
	return false;
}
	
function initTabs() {
		var tabs = document.getElementById("steps"); // put in id for tabbed list here
		var links = tabs.getElementsByTagName("a");

	
		div = [];
		a = [];
		
		//Initialize tabs
		for (var i = 0; i < links.length; i++) {
			 div[i] = document.getElementById(links[i].href.substr(links[i].href.indexOf("#") + 1));
			 if (i != 0) {
				  div[i].style.display="none";
 			} else { 
 		
	  			div[i].style.display="block";
 			}
 			a[i] = links[i];
 			setLink(i)
		}
		doNaprej(1);
		doNaprej(2);
		doNaprej(3);	
		doNaprej(4);	
}


addOnLoad(function() {
  initTabs();
});