var siteMap = {

	init:function() {
		siteMap.changeClass(document,'clsSite3','clsSite3H');
		siteMap.prepareToggles();
	},
	
	prepareToggles:function() {
		//init toggle (open/close) images
		//do it in code cause user without js shouldn't see no toggle images!
		var toggles = common.getElementsByClassName(document,'img','clsToggleOff');
		for (var i = 0; i < toggles.length; i++) {
			toggles[i].src = '../img/arrowRightBlue.gif';
			toggles[i].onclick = function() {
				siteMap.toggle3rdLevel(this);
			};
		}
	},
	
	changeClass:function(objRoot,clsFrom,clsTo) {
		var level3divs = common.getElementsByClassName(objRoot,"div",clsFrom);
		for (var i=0; i < level3divs.length; i++) {
			level3divs[i].className=clsTo;	
		}
	},
	
	toggle3rdLevel:function(toggleObj) {
		if (toggleObj.className == 'clsToggleOff') {
			toggleObj.className = 'clsToggleOn';
			if (toggleObj.nodeName == 'IMG') {
				toggleObj.src = '../img/arrowUpBlue.gif';
			}
			siteMap.changeClass(toggleObj.parentNode,'clsSite3H','clsSite3');
		}
		else if (toggleObj.className == 'clsToggleOn') {
			toggleObj.className = 'clsToggleOff'
			if (toggleObj.nodeName == 'IMG') {
				toggleObj.src = '../img/arrowRightBlue.gif';
			}
			siteMap.changeClass(toggleObj.parentNode,'clsSite3','clsSite3H');
		}
	}
};

common.addEvent(window,"load",siteMap.init);