var printStyle=false;
var search = window.location.search;

if(search.indexOf("printStyle")>-1){
	printStyle=true;
}

var stylesheet;
if(printStyle){
	stylesheet="css/printstyle.css";
}else if(document.layers){
	alert("Uw browser ondersteund niet alle standaarden van w3c op het gebied van HTML. \nDe pagina wordt daarom in afgeslankte versie weergegeven.\n\nBinnenkort zal deze site voor alle browsers beschikbaar zijn.");
	stylesheet="css/nsstyle.css";
}else{
	stylesheet="css/domstyle.css";
}

document.write('<link rel="stylesheet" type="text/css" href="'+stylesheet+'">');




var currentPage='home';
var stepTime=50;

var pages = new Array();


function Page(name,state,url){
	this.name=name;
	this.state=state;
	this.url=url;
}

function activate(page){

	window.focus();

	pageObj=pages[page];

	// load data;
	var content= getElement(page+"Content").innerHTML;


	getElement("state"+pageObj.state).innerHTML=content;


	if(getElement(currentPage+"Arrow")){
		getElement(currentPage+"Arrow").src="px/marrow_down.gif";
	}
	if(getElement(page+"Arrow")){
		getElement(page+"Arrow").src="px/marrow_up.gif";
	}


	if(pageObj.state==1){
		getElement("state1").style.display="block";
	}else if(pageObj.state==2){
		getElement("state2").style.display="block";
	}


	setBarState(pageObj.state);



	currentPage=page;

}



function setBarState(state){

	var barState = pages[currentPage].state;

	if(barState != state){
		if(state==1){
			// move up
			moveObject("mainmenu",0,1200);

		}else if(state==2){
			// get down
			moveObject("mainmenu",257,1200);
		}
	}

}

var movements = new Array();

function Movement(id){
	this.id=id;
	this.i = 0;
	this.timer=null;
	this.layer="mainmenu";


	this.path=new Array();

	this.calcPath=function(endPos,steps){
		this.path=new Array();

		var startPos=getElement(this.layer).offsetTop;
		
		var deltaPos=(endPos-startPos);
		var stepsize=deltaPos/steps;
		
		var a=(0-deltaPos)/Math.pow(steps,2);
		var b=(2*deltaPos)/steps;
		var c=startPos;

		for(var i=0; i<steps; i++){

			newpos=(a*Math.pow(i,2))+b*i+c;
		
			//newpos=(a*i)+b;
			this.path[i]=newpos;
		}
		this.path[steps]=endPos;

	}

	this.getStepPos=function(){
			var val = this.path[this.i];
			this.i++;

			return val;
	}

	this.doMove=function(){

		if(this.i< this.path.length){
			var newTop;
			newTop=this.getStepPos();
			getElement(this.layer).style.top=newTop;
			
			getElement("state1").style.clip="rect("+Math.round(newTop)+",768,257,0)";
			getElement("state2").style.clip="rect(0,768,"+Math.round(newTop+117)+",0)";			

		}else{

			clearInterval(this.timer);

			var state = pages[currentPage].state;
			
			if(state==1){
				getElement("state2").style.display="none";
			}else if(state==2){
				getElement("state1").style.display="none";
			}



		}
		
	}
	this.startMove=function(){



		this.i=0;
		this.timer=setInterval("movements['"+this.id+"'].doMove()",stepTime);
		
	}
}



function moveObject(layerName,xPos,time,state){

	var steps=Math.round(time/stepTime);

	movements[layerName]=new Movement(layerName);
	movements[layerName].calcPath(xPos,steps);
	movements[layerName].startMove();
}

function init(){

	if(!document.layers && !printStyle){
		alignCenter();
	
	activate('home');
	}

}

function alignCenter(){
	if(document.layers){
		window.location.href=window.location.href;
	}else{
		var elementheight=getElement("contentbackground").offsetHeight;
		var screenheight=document.body.offsetHeight;

		var newTop=(screenheight/2)-(elementheight/2);
		getElement("contentbackground").style.top=newTop;
	}
}

function getElement(id){
	if(document.all){
		return document.all[id];
	}else if(document.getElementById(id)){
		return document.getElementById(id);
	}else if(document.layers){
		return document.layers[id];
	}

}

pages['bedrijf'] = new Page('bedrijf',2);
pages['producten'] = new Page('producten',2);
pages['portfolio']= new Page('portfolio',2);
pages['home'] = new Page('home',1);
pages['nieuws'] = new Page('nieuws',1);
pages['vacatures']= new Page('vacatures',1);
pages['email'] = new Page('email',1);