arrMenu = new Array(
	"home",
	"about",
	"services",
	"order",
	"jobs",
	"contact"
);

function changePage(newLoc)
 {
   nextPage = newLoc.options[newLoc.selectedIndex].value

   if (nextPage != "")
   {
      location.href = nextPage
   }
 }

function hoverOver(value){

	for(var i=0;i<arrMenu.length;i++){
		if(document.getElementById(arrMenu[i]).style.backgroundImage.search("sel")=="-1"){
			document.getElementById(arrMenu[i]).style.backgroundImage="url(img/background_nav_"+arrMenu[i]+"_idle.png)";
		}
	}
	document.getElementById(value).style.backgroundImage="url(img/background_nav_"+value+"_sel.png)";
}

function hoverOut(value){
	document.getElementById(value).style.backgroundImage="url(img/background_nav_"+value+"_idle.png)";
}

		var Site = {

			start: function(){
				if($('accordion')) Site.accordion();
				if($('accordionServices')) Site.accordionServices();
			},

			accordion: function(){
				var list = $$('#accordion li div.block');
				var headings = $$('#accordion li div.news');
				var actions = $$('#accordion li div.news div.action');
				var collapsibles = new Array();
				headings.each( function(heading, i) {

					var collapsible = new Fx.Slide(list[i], {
						duration: 500,
						transition: Fx.Transitions.quadIn
					});

					collapsibles[i] = collapsible;

					heading.onclick = function(){
						if(heading.className != "news active"){
							heading.className="news active";
							actions[i].innerHTML="sluiten -";
						}else{
							heading.className="news";
							actions[i].innerHTML="bekijken +";
						}

						for(var j = 0; j < collapsibles.length; j++){
							if(j!=i) {
								headings[j].className="news";
								actions[j].innerHTML="bekijken +";
								collapsibles[j].slideOut();
							}
						}
						collapsible.toggle();

						return false;
					}

					collapsible.hide();
				});
				collapsibles[0].toggle();
				headings[0].className="news active";
				actions[0].innerHTML="sluiten -";
			},
			accordionServices: function(){
				var list = $$('#accordionServices li ul');
				var headings = $$('#accordionServices li h4');
				var collapsibles = new Array();
				headings.each( function(heading, i) {

					var collapsible = new Fx.Slide(list[i], {
						duration: 500,
						transition: Fx.Transitions.quadIn
					});

					collapsibles[i] = collapsible;

					heading.onclick = function(){
						heading.className="services active";

						for(var j = 0; j < collapsibles.length; j++){
							if(j!=i) {
								headings[j].className="services";
								collapsibles[j].slideOut();
							}
						}
						collapsible.toggle();

						return false;
					}

					collapsible.hide();
				});
				collapsibles[0].toggle();
				headings[0].className="services active";
			}
		};
		window.addEvent('domready', Site.start);