/*

SOURCE CODE 1996-2009 COPYRIGHT www.yaki.be
********* ALL RIGHTS RESERVED *********
do not copy without permission: info@yaki.be
made for: www.ghsolar.be

*/

if (window.addEventListener){window.addEventListener("load", init, false);}
else if (window.attachEvent){window.attachEvent("onload", init);}

/* ********** init ********** */

function init(){
	if(document.getElementById('menu')){initMenu();}
	if(getElementsByClassName(document.getElementById('content'), "div", "tabscontent")[0]){initTabs(getElementsByClassName(document.getElementById('content'), "div", "tabscontent")[0]);}	
	if(document.getElementById('projects')){initProjects();}
	if(document.getElementById('languages')){language=getLanguage();}
	externalLinks();
	//if(document.getElementById('footer')){initFooter();}
}

/* ********** extra functies ********** */

function $(id){return document.getElementById(id);}

function externalLinks(){
	if(document.getElementsByTagName('a')[0]){
		var thelinks=document.getElementsByTagName('a');
		for(var i=0;i<thelinks.length;i++){
			if((thelinks[i].rel=="external")&&(thelinks[i].className!="notblank")){
				thelinks[i].className="external";
				thelinks[i].target="_blank";
			}
		}
	}
}

function initFooter(){
	if(document.getElementById('footer').getElementsByTagName('p')[0]){
		var footerpars=document.getElementById('footer').getElementsByTagName('p');
		for(var i=0;i<footerpars.length;i++){
			footerpars[i].onclick=function(){
				if(language=="NL"){window.location="contact.htm";}
				else if(language=="FR"){window.location="contactez-nous.htm";}
				else if(language=="EN"){window.location="contact.htm";}
			}
		}
	}
}

/* ********** geselecteerde taal ********** */

var language="EN";

function getLanguage(){
	var languages=document.getElementById('languages').getElementsByTagName('li');
	var lang="EN";
	for (var i=0; i<languages.length; i++){
		if(languages[i].className=="selected"){
			lang=languages[i].getElementsByTagName('a')[0].innerHTML;
		}
	}
	return lang;
}
/*
function getLocale(){
	var locale="en_US";
	switch(language){
		case "NL":locale="nl_BE";break;
		case "FR":locale="fr_FR";break;
		case "EN":locale="en_US";break;
		case "IT":locale="it_IT";break;
		case "DE":locale="de_DE";break;
		default:locale="en_US";
	}
	return locale;
}
*/

/* ********** hoofdmenu ********** */

var menuids=new Array("menu");
var submenuoffset=-10;
var highZindex=100;
var mto;

function initMenu(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")[0].getElementsByTagName("ul");
    for (var j=0; j<ultags.length; j++){
    	var spanref=document.createElement("span");
		spanref.className="arrow";
		spanref.innerHTML="&nbsp;";
		ultags[j].parentNode.getElementsByTagName("a")[0].appendChild(spanref);
    	ultags[j].parentNode.onmouseover=function(){
    		highZindex=highZindex+1;
			this.style.zIndex=highZindex;
			highZindex=highZindex+1;
			if(this.getElementsByTagName('ul')[0]){
				this.getElementsByTagName('ul')[0].style.zIndex=highZindex;
			}
			if(document.getElementsByTagName('body')[0].className == 'textright'){
    			this.getElementsByTagName("ul")[0].style.left=-(this.parentNode.offsetWidth+submenuoffset)+"px";
    		}else{
    			this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+submenuoffset+"px";
    		}
    		this.getElementsByTagName("ul")[0].style.display="block";
    	}
    	ultags[j].parentNode.onmouseout=function(){
    		this.getElementsByTagName("ul")[0].style.display="none";
    	}
    }
  }
}


/* ********** tabs ********** */

function initTabs(cont_el){
	cont_el.id="product";
	var pagemenu=getElementsByClassName(cont_el, "ul", "pagemenu")[0];
	var slides=getElementsByClassName(cont_el, "div", "tab");
	for(i=0;i<slides.length;i++){
		if(i!=0){slides[i].style.display="none";}
	}
	var menuitems=pagemenu.getElementsByTagName('a');
	menuitems[0].className="selected";
	for(i=0;i<menuitems.length;i++){
		menuitems[i].onclick=function(){
			hideAllSlides(cont_el);
			this.className='selected';
			if(getHrefId(this.href)){
				var theid=getHrefId(this.href);
				document.getElementById(theid).style.display="block";
				window.location="#product";
				return false;
			}else{
				return true;
			}
		};
	}
}

function hideAllSlides(cont_el){
	var pagemenu=getElementsByClassName(cont_el, "ul", "pagemenu")[0];
	var slides=getElementsByClassName(cont_el, "div", "tab");
	for (i=0;i<slides.length;i++){
		slides[i].style.display="none";
		pagemenu.getElementsByTagName('a')[i].className='';
	}
}

function getHrefId(href){
	var url = href.toString();
	var urlparts = url.split("#");
	if(urlparts[1]){
		return urlparts[1];
	}else{
		return false;
	}
}

/* ********** projectenviewer ********** */

function initProjects(){
	clearTimeout(slideshowTimeout);
	var memberlist = document.getElementById('projects');
	var extrascont = document.getElementById('extras');
	var members = memberlist.getElementsByTagName('li');
	var aantalmembers = members.length;
	for(var i=0;i<aantalmembers;i++){
		var membername= members[i].getElementsByTagName("strong")[0].innerHTML;
		members[i].title=membername;
		membercontent = members[i].innerHTML;
		members[i].innerHTML = '<b>'+(aantalmembers-i)+'</b>' + '<span>: '+membercontent+'</span>';
	}
	var extrascontent = getElementsByClassName(extrascont,"div","vertical");
	extrascontent[0].innerHTML = memberlist.innerHTML + "<span id='animationbutton' class='pauze' title='pauze animation'></span>" + "<div id='contrast' title='more contrast'></div>";
	//memberlist.innerHTML="<a href='#extras'>List of the projectsmembers and their job title.</a>";
	initProjectsListing();
}


var selectedMember;

function initProjectsListing(){
	var extrascont = document.getElementById('extras');
	var members = extrascont.getElementsByTagName('li');
	var aantalmembers = members.length;
	members[aantalmembers-1].className="selected";
	selectedMember=aantalmembers-1;
	opacity=90;
	extrascont.getElementsByTagName("div")[0].style.backgroundRepeat="no-repeat";
	doOpacity(selectedMember);
	//extrascont.getElementsByTagName("div")[0].style.backgroundImage="url(boul"+(selectedMember+1)+".jpg)";
	slideshowTimeout=setTimeout("doSlideShow()",8000);
	for(var i=0;i<aantalmembers;i++){
		members[i].onmouseover =function(){
			if(this.className!="selected"){
				this.className="hovered";
			}
		};
		members[i].onmouseout =function(){
			if(this.className!="selected"){
				this.className="";
			}
		};
		members[i].onclick =function(){
			this.className="selected";
			members[selectedMember].className="";
			var nr =  this.getElementsByTagName("b")[0].innerHTML;
			selectedMember =aantalmembers-nr;
			doOpacity(selectedMember);
			clearTimeout(slideshowTimeout);
			var animButton = document.getElementById('animationbutton');
			if(animButton.className!="play"){//niet pauze want pauze = lookstijl...
				slideshowTimeout=setTimeout("doSlideShow()",8000);
			}
			//extrascont.getElementsByTagName("div")[0].style.backgroundImage="url(boul"+(selectedMember+1)+".jpg)";
		};
	}
	initAnimButton();
}
var slideshowTimeout;

function doSlideShow(){
	var extrascont = document.getElementById('extras');
	var members = extrascont.getElementsByTagName('li');
	var aantalmembers = members.length;
	members[selectedMember].className="";
	if(selectedMember>0){
		selectedMember=selectedMember-1;
	}else{
		selectedMember=aantalmembers-1;
	}
	members[selectedMember].className="selected";
	doOpacity(selectedMember);
	slideshowTimeout=setTimeout("doSlideShow()",8000);
}

function initAnimButton(){
var animButton = document.getElementById('animationbutton');
animButton.onclick=function(){
		if(this.className=='pauze'){
			clearTimeout(slideshowTimeout);
			this.className='play';
			this.style.backgroundImage="url('../styles/play.gif')";
			this.title='resume animation';
		}else if(this.className=='play'){
			this.className='pauze';
			this.title='pauze animation';
			this.style.backgroundImage="url('../styles/pauze.gif')";
			slideshowTimeout=setTimeout("doSlideShow()",500);
		}
};

}

var opacity = 10;
var direction="more";

function doOpacity(number){
var thelayers=getElementsByClassName(document.getElementById('extras'),'div','layer');
var opacityLayer=thelayers[0];
opacityLayer.style.display="block";
if(direction=="more"){
	if(opacity<90){
		opacity=opacity+20;
		opacityLayer.style.cssText="filter:alpha(opacity="+opacity+"); opacity:."+opacity;
		setTimeout("doOpacity("+number+")",150);
	}else{
		direction="less";
		var extrascont = document.getElementById('extras');
		opacityLayer.style.cssText="filter:alpha(opacity="+opacity+"); opacity:."+opacity;
		extrascont.getElementsByTagName("div")[0].style.backgroundImage="url('../images/projects/img"+(number)+".png')";
		doOpacity(number);
	}
}else{
	if(opacity>20){
		opacity=opacity-20;
		opacityLayer.style.cssText="filter:alpha(opacity="+opacity+"); opacity:."+opacity;
		setTimeout("doOpacity("+number+")",150);
	}else{
		direction="more";
		opacity=10;
		opacityLayer.style.display="none";
	}
}
}

/* ********** Google Maps + directions ********** */

var map;
var gdir;
var geocoder = null;
var addressMarker;

function googleMaps() {
  if (GBrowserIsCompatible()) {
    map = new GMap2(document.getElementById("map_canvas"));
    var point1 = new GLatLng(50.8469, 4.7317);
    var infoWindowContent1 = '<p style="position:relative;padding:0px;margin:0px;line-height:1.7em;font-size:85%;"><b>GH SOLAR bvba</b><br />Greenhill Campus<br />Interleuvenlaan 15D<br />BE-3001 Heverlee<br />Vlaams-Brabant, Belgium</p>';
	var marker1=new GMarker(point1);
    map.addOverlay(marker1);
	GEvent.addListener(marker1, "click", function() {marker1.openInfoWindowHtml(infoWindowContent1);});
	map.setCenter(new GLatLng(50.8469, 4.7317), 12);
	marker1.openInfoWindowHtml(infoWindowContent1);
    //map.setUIToDefault();
    map.addControl(new GSmallMapControl());
    gdir = new GDirections(map, document.getElementById("directions"));
    GEvent.addListener(gdir, "load", onGDirectionsLoad);
    GEvent.addListener(gdir, "error", handleErrors);
    //setDirections("Brussel, Belgium", "Interleuvenlaan 15, 3001 Heverlee, Belgium", "nl_BE");
    $('calculateroute').onclick=function(){
    	setDirections($('startfrom').value, "Interleuvenlaan 15, 3001 Heverlee, Belgium", language);
    }
    $('routeplannerform').onsubmit=function(){
    	setDirections($('startfrom').value, "Interleuvenlaan 15, 3001 Heverlee, Belgium", language);
    	return false;
    }
  }
}

function setDirections(fromAddress, toAddress, locale){
  gdir.load("from: " + fromAddress + " to: " + toAddress, { "locale": locale });
}

function handleErrors(){
	if(language!="NL"){
		if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS){alert("No corresponding geographic location could be found for one of the specified addresses. This may be due to the fact that the address is relatively new, or it may be incorrect.\nError code: " + gdir.getStatus().code);}
		else if (gdir.getStatus().code == G_GEO_SERVER_ERROR){alert("A geocoding or directions request could not be successfully processed, yet the exact reason for the failure is not known.\n Error code: " + gdir.getStatus().code);}
		else if (gdir.getStatus().code == G_GEO_MISSING_QUERY){alert("The HTTP q parameter was either missing or had no value. For geocoder requests, this means that an empty address was specified as input. For directions requests, this means that no query was specified in the input.\n Error code: " + gdir.getStatus().code);}
		else if (gdir.getStatus().code == G_GEO_BAD_KEY){alert("The given key is either invalid or does not match the domain for which it was given. \n Error code: " + gdir.getStatus().code);}
		else if (gdir.getStatus().code == G_GEO_BAD_REQUEST){alert("A directions request could not be successfully parsed.\n Error code: " + gdir.getStatus().code);}
		else{alert("An unknown error occurred.");}
	}else{
		if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS){alert("Er werd geen geografische locatie gevonden voor het adres. Ofwel is het een nieuw adres ofwel foutief: u kan ook proberen uw adres beter te specifieren mbv stad en land in het formaat 'straatnaam nr, stad, land'.\nError code: " + gdir.getStatus().code);}
		else if (gdir.getStatus().code == G_GEO_SERVER_ERROR){alert("De geocoding en routebeschrijving aanvraag kon niet uitgevoerd worden, maar de exacte oorzaak kan niet achterhaald worden.\n Error code: " + gdir.getStatus().code);}
		else if (gdir.getStatus().code == G_GEO_MISSING_QUERY){alert("De zoekopdracht-parameter ontbreekt of had geen waarde. De geocoder gebruikt bijgevolg een leeg adres als input. De routebeschrijving kon bijgevolg niet uitgevoerd worden.\n Error code: " + gdir.getStatus().code);}
		else if (gdir.getStatus().code == G_GEO_BAD_KEY){alert("De code van het Google Maps Script is ofwel ongeldig of komt niet overeen met de site waarvoor het werd toegekend.\n Error code: " + gdir.getStatus().code);}
		else if (gdir.getStatus().code == G_GEO_BAD_REQUEST){alert("De routebeschrijving kan niet correct verwerkt worden.\n Error code: " + gdir.getStatus().code);}
		else{alert("Onbekende fout... Kijk uw startlocatie nog eens na en probeer opnieuw.");}
	}
}

function onGDirectionsLoad(){}

/* ********** IMPORT ********** */

/*
    Written by Jonathan Snook, http://www.snook.ca/jonathan
    Add-ons by Robert Nyman, http://www.robertnyman.com
*/


function getElementsByClassName(oElm, strTagName, strClassName){
    var arrElements = (strTagName == "*" && document.all)? document.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];      
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }   
    }
    return (arrReturnElements)
}