/*	Apollo-rotterdam.nl
	///////////////////
	Main Javascript file
	
	///////////////////
	Last update: 2007-09-07
	
	///////////////////
	Features:
	- Horizontal navigation for IE6, to accomplish CSS menu. + initialization by window.onload
	- Detection of IE6 (var IE6 will have value true if IE version is 6.0 or lower)
	- Show element by id. It sets display: ''; for any element, given by the ID.
	
*/

/*function setFontSize(mode){
	var bodyElement = document.body;
	switch(mode){
		case "normal":
			bodyElement.style.fontSize = '76%';
			break;
		case "bigger":
			bodyElement.style.fontSize = '85%';
			break;
		case "biggest":
			bodyElement.style.fontSize = '100%';
			break;
	}
}*/

/* IE6 Horizontal navigation: Global variables and initialization of variables */
var horizNavTimer;

function clearHorizNav(){
	navRoot = document.getElementById("horiznavul");
	for (i=0; i<navRoot.childNodes.length; i++) {
		node = navRoot.childNodes[i];
		if (node.nodeName=="LI") {
			node.className="";
		}
	}
}

function setFocusById(id){
	if (document.getElementById(id)){
		var elem = document.getElementById(id);
		elem.focus();
	}
}


//Detect IE6
var IEversion = 0;
var IE6 = false;
var version = 0;
if (navigator.appVersion.indexOf("MSIE") != -1){
	var temp = navigator.appVersion.split("MSIE");
	version = parseFloat(temp[1]);
}

if (version <= 6.0 && version != 0){
	IE6 = true;
}

window.onload = function(){
	/* IE6 Horizontal Navigation */
	// http://www.alistapart.com/articles/horizdropdowns
	
	if (document.getElementById && document.getElementById("horiznavul") && IE6) {
		//alert("You're using IE6 or lower");
		navRoot = document.getElementById("horiznavul");
		for (var i = 0; i < navRoot.childNodes.length; i++) {
			//alert (i + " of " + navRoot.childNodes.length);
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					clearHorizNav();
					this.className="over";
					clearTimeout(horizNavTimer);
				}
				node.onmouseout=function() {
					//this.className=this.className.replace(" over", "");
					horizNavTimer = setTimeout("clearHorizNav();",500)
				}
			}
		}
	}
	
	if (typeof(focusElement) != "undefined"){
		//if (){
			setFocusById(focusElement);
		//}
	}
	// Ellipsis
	
	//$$('.ellipsis').each(ellipsis);

}

/* Google maps show map link on contact page */
function showElementById(id){
	if (document.getElementById(id)){
		var elem = document.getElementById(id);
		elem.style.display = '';
	}
}

function hideElementById(id){
	if (document.getElementById(id)){
		var elem = document.getElementById(id);
		elem.style.display = 'none';
	}
}

/**
 * RUZEE.Ellisis 0.1
 * (c) 2007 Steffen Rusitschka
 *
 * RUZEE.Ellipsis is freely distributable under the terms of an MIT-style license.
 * For details, see http://www.ruzee.com/
 */


  /*function ellipsis(e) {
    var w = e.getWidth() - 10000;
    var t = e.innerHTML;
    e.innerHTML = "<span>" + t + "</span>";
    e = e.down();
    while (t.length > 0 && e.getWidth() >= w) {
      t = t.substr(0, t.length - 1);
      e.innerHTML = t + "...";
    }
  }*/
  //document.write('<style type="text/css">' + '.ellipsis { margin-right:-10000px; }</style>');
  //Event.observe(window, "load", function() {
    
  //});

function postAdresWeergave(elem){
	if (elem.checked==1){
		showElementById("post-is-woon");
		hideElementById("post-is-niet-woon");
	} else {
		showElementById("post-is-niet-woon");
		hideElementById("post-is-woon");
		//alert("waarde: "+elem.value);
	}
}

function toggleChecked(elem){
	if (elem.checked == '') elem.checked = 'checked';
	else elem.checked = '';
}

function toggleClassname(elem, toggleClass){
	if (elem.className == null) elem.className = toggleClass; else
		if (elem.className.indexOf(toggleClass) != -1) elem.className = elem.className+" "+toggleClass; else elem.className.replace(toggleClass, '');
}

function toggleItemChecked(elemId, elem2Id){
	toggleChecked(document.getElementById(elemId));
	toggleClassname(document.getElementById(elem2Id), "selected");
}
