var dist = 0;

function setDistance() {
	dist = 487;
	//dist = getY(document.getElementById("contacts2"));
	updatePositions();
}

function getElementsByClassName(classname, node) {
	if(!node) node = document.getElementsByTagName("body")[0];
	var a = [];
	var re = new RegExp('\\b' + classname + '\\b');
	var els = node.getElementsByTagName("*");
	for(var i=0,j=els.length; i<j; i++)
		if(re.test(els[i].className))a.push(els[i]);
		return a;
}
function closeAll() {
	var a = [];
	a = getElementsByClassName('sel', document.getElementById('navbar'));
	for (var i=0; i<a.length; i++) {
		var nod = a[i];
		nod.className = '';
	}
}
function toggleOpen(tnode, cnode) {
	if (cnode.className == '') {
		closeAll();
		cnode.className = 'sel';
	} else {
		cnode.className = '';
	}
	tnode.blur();
	updatePositions();
	return false;
}
function updatePositions() {
	var newy = getY(document.getElementById("contacts2"));
	var diff = newy - dist;
	document.getElementById("bodydec").style.background = "url('i/mainbg.gif') left " + (398 + diff) + "px repeat-x";
	document.getElementById("main2").style.background = "url('i/bgheight.gif') left " + (400 + diff) + "px repeat-x";
	document.getElementById("rside2").style.marginTop = (378 + diff) + "px";
	document.getElementById("content-main").style.background = "url('i/cborder.gif') left " + (383 + diff) + "px no-repeat";
	if (document.getElementById("content-holder").offsetHeight < getY(document.getElementById("contacts2")) - getY(document.getElementById("content-holder"))) {
		document.getElementById("content-holder").style.background = "none";
	} else {
		document.getElementById("content-holder").style.background = "url('i/cborderb.gif') bottom left no-repeat";
	}
}
function getY(oElement) {
	var iReturnValue = 0;
	while( oElement != null ) {
	iReturnValue += oElement.offsetTop;
	oElement = oElement.offsetParent;
	}
	return iReturnValue;
}
function openInfo(caller, divname) {
	var ele = caller.childNodes[0];
	if (ele.className != 'op') {
		ele.className = 'op';
	} else {
		ele.className = '';
	}
	if (document.getElementById(divname).style.display != 'inline') {
		document.getElementById(divname).style.display = 'inline';
	} else {
		document.getElementById(divname).style.display = 'none';
	}
	updateHoverArea(caller, divname);
	updatePositions();
	return false;
}

function updateHoverArea(divname) {
	if (document.getElementById('hinfo').style.display != 'inline') {
		document.getElementById("hoverarea").style.height = '40px';
	} else {
		document.getElementById("hoverarea").style.height = document.getElementById("hoverarea").parentNode.offsetHeight + 'px';
	}
}

function hideOpenedDict() {
	var elems = getElementsByClassName("hdn", document.getElementById("content-article"));
	for (var i=0; i<elems.length; i++) {
		elems[i].style.display = 'none';
	}
	var aelems = getElementsByClassName("dmore", document.getElementById("content-article"));
	for (var c=0; c<aelems.length; c++) {
		aelems[c].style.display = 'inline';
		aelems[c].parentNode.parentNode.className = 'dholder';
	}
	var elms = getElementsByClassName("lnkmore", document.getElementById("content-article"));
	for (var g=0; g<elms.length; g++) {
		elms[g].style.display = 'inline';
	}
}
function showDict(caller, elem) {
	hideOpenedDict();
	caller.style.display = 'none';
	if (caller.className == 'dmore') {
		var elms = getElementsByClassName("lnkmore", caller.parentNode);
	} else {
		var elms = getElementsByClassName("dmore", caller.parentNode);
	}
	elms[0].style.display = 'none';
	
	var elems = getElementsByClassName("hdn", elem);
	elems[0].style.display = 'inline';
	elem.parentNode.className = 'dholder sl';
	return false;
}
window.onload = setDistance;