var W3CDOM =(document.createElement && document.getElementsByTagName);
var ID = function(id){ return (typeof id === "string" ? document.getElementById(id) : id); };
var Tag = function(tag){ return (typeof tag === "string" ? document.getElementsByTagName(tag) : tag); };
function oc(a){ var o = {}; for(var i=0;i<a.length;i++){ o[a[i]]=''; } return o;}
function addListener(element, type, expression, bubbling){ bubbling = bubbling || false; if(window.addEventListener){ element.addEventListener(type, expression, bubbling); return true; }else if(window.attachEvent){ element.attachEvent("on" + type, expression); return true; }else{ return false; } }

function init(){
	if(!W3CDOM) return;
	kom.initiate();
}
var kom = {
	encode : function(string){
		return encodeURIComponent(string);
	},
	initiate : function(){
		kom.nav.initiate();
	},
	nav : {
		initiate : function(){
			this.setProperShowHideOnClicks();
		},
		setProperShowHideOnClicks : function(){
			var linkElements = Tag("a"), n = linkElements.length;
			var tabNavSubID, tabLayer;
			for(var i=0;i<n;i++){
				if(linkElements[i].className.indexOf("tabnava") !=-1){
					linkElements[i].onclick = function(){ kom.nav.setNavToPanelActions(this); return false; };
					linkElements[i].onfocus = function(){ kom.nav.setNavToPanelActions(this); return false; };
				}
			}
		},
		setNavToPanelActions : function(object){
			if(ID(object)){
				if(object.getAttribute('id')){
					tabNavSubID = object.getAttribute('id').substring(7);
					kom.nav.setRemoveAllDivWithShowPanelClass();
					object.className = 'tabnava active';
					if(ID('tab_'+tabNavSubID)) ID('tab_'+tabNavSubID).className = ID('tab_'+tabNavSubID).className + ' show_panel';
				}
				return false;
			}
		},
		setRemoveAllDivWithShowPanelClass : function(){
			var divElements = Tag("div"), n = divElements.length, classVar;
			for(var i=0;i<n;i++){
				if(divElements[i].className.indexOf("show_panel") !=-1){
					divElements[i].className = divElements[i].className.replace(" show_panel","");
				}
			}

			var linkElements = Tag("a"), n = linkElements.length;
			for(var i=0;i<n;i++){
				if(linkElements[i].className.indexOf("active") !=-1){
					linkElements[i].className.replace(" active","");
					linkElements[i].className = linkElements[i].className.replace(" active","");
				}
			}
		}
	}
};
addListener(window, "load", init);