// JavaScript Document
function switcher(elem,image){
	var elem = document.getElementById(elem);
	if(elem != null){
		elem.style.display = '';
		}
	var imgelem = document.getElementById('subnavigation');
	imgelem.style.backgroundImage = 'url('+image+')';			
	}
	
function image(elem,image){
	//var imgelem = document.getElementById('subnavigation');
	//imgelem.style.backgroundImage = 'url('+image+')';			
	}
	

function reswitcher(did){
	
	var loaditem = document.getElementById('sub_' + did );
	var parentesis = document.getElementById('topnavigation');
	var difsInside = parentesis.getElementsByTagName('div');
	var SearchStr1 = 'sub_';
	//var legCut1 = SearchStr1.length;
	//for(var i = 0; i < difsInside.length; i++){
	//	var thisid = difsInside[i].id;
	//	if(thisid.substring(0, legCut1) == SearchStr1){
	//		difsInside[i].style.display = 'none';
	//	}
	//}
	if(loaditem != null){
		loaditem.style.display = '';
		var mylinks =  document.getElementById('img_' + did);
		var imgelem = document.getElementById('subnavigation');
		imgelem.style.backgroundImage = 'url(/pagemedia/backgrounds/' + mylinks.name + '.gif)';		
	}
}


var targBox = "middle";

function init() {
	if (document.getElementById) {
		var atags = document.getElementsByTagName("A");
		for (var i=0;i<atags.length;i++) {
			var ca = atags[i];
			if (ca.href.indexOf("#") > -1) {
				ca.onclick = function() {
					scrollDivToAnchor(this.href.split("#")[1]);
				}
			}
		}
	}
}

function scrollDivToAnchor(a) {

	var b = document.getElementById(targBox);
	b.scrollTop = document.getElementById(a).offsetTop - b.offsetTop;

	// alternately, if your elements are not nested within other nodes inside the box,
	// you could use document.getElementById(a).parentNode.scrollTop
	// that way you wouldn't need to specify the id of the scrollable box

}

if (navigator.userAgent.indexOf("Safari") > -1) {
	window.onload = init;
}