var loop = false; //loop images true - false

var myImages = new Array();
var imgPath="";
var imgIdSel = "";

var curImg = 0;

var imgRoot = "http://www.urbansynergy.nl/";//"http://www.urbansynergy.nl/"     http://localhost/urbanSynergy/
var	countImgRoot = 0;
var	countLinks = 0;
var	countAll = 0;
var	currImgMedium = "";



function createOverlay_PG(imgArray, setImgPath, imgIdCur) {
	curImg = 0;
	countImgRoot = 0;
	countLinks = 0;
	countAll = 0;
	currImgMedium = "";
	
	var imgArray = imgArray;
	imgPath = setImgPath;
	imgIdSel = imgIdCur;
	if(!document.getElementById('overlayMain')) {
		var bdy = document.body;
		var overlayMain = document.createElement('div');
		bdy.appendChild(overlayMain);
		bdy.lastChild.setAttribute('id','overlayMain');

		var overlayMain = document.getElementById('overlayMain');
		
		var overlayBg = document.createElement('div');
		overlayMain.appendChild(overlayBg);
		overlayMain.lastChild.setAttribute('id','overlayBg');
		
		var overlayToggle = document.createElement('div');
		overlayMain.appendChild(overlayToggle);
		overlayMain.lastChild.setAttribute('id','overlayToggle');
		
		
		
		
		var overlayToggle = document.getElementById('overlayToggle');
		overlayToggle.style.cursor = 'pointer';
		
		
		
		
		setOpacity(overlayBg, 0);
		elm = document.getElementById('overlayBg');
		changeOpac(elm,0,85,450,36);
		var t = setTimeout("createOverlayContent_PG('"+imgArray+"','"+imgPath+"');", 100);
		elmToggle = document.getElementById('overlayToggle');
		elmToggle.setAttribute('onclick',"createOverlay_PG('"+imgArray+"','"+imgPath+"','"+imgIdSel+"');");
	}
	else {
		changeOpac(elm,85,0,450,36);
		var t=setTimeout("removeOverlay();", 450);
	}
}


function createOverlayContent_PG(imgArray, imgPath) {
	var currImgMedium = document.getElementById(imgIdSel).src;
	
	
	countImgRoot = imgRoot.length;
	imgPathRed = imgPath.substring(2,imgPath.length);
	countLinks = imgPathRed.length;
	countAll = currImgMedium.length;
	currImgMedium = currImgMedium.slice(countImgRoot+countLinks,countAll-11);
	
	
	
		//get images for array
		var str = imgArray;
		myImages = str.split("|");

		for(a=0;a<=myImages.length;a++){
			if(myImages[a]==currImgMedium){
				curImg=a;
			}
		}
		




		var overlayMain = document.getElementById('overlayMain');
		var overlayContent = document.createElement('div');
		overlayMain.appendChild(overlayContent);
		overlayMain.lastChild.setAttribute('id','overlayContent');
		var overlayContent = document.getElementById('overlayContent');
		overlayContent.style.position = 'relative';

		overlayContent.style.border = '#ffffff solid 1px';
		overlayContent.style.background = 'url(img/site/ajax-loader_black_02.gif) center no-repeat';
		overlayContent.style.backgroundColor='#000000';
		
		//create img container
		var createImgContainer = document.createElement('div');
		overlayContent.appendChild(createImgContainer);
		overlayContent.lastChild.setAttribute('id','imgContainer');
		var imgContainer = document.getElementById('imgContainer');
		imgContainer.style.position = 'relative';
		imgContainer.style.width = '700px';
		imgContainer.style.height = '395px';

		var createImgHolder = document.createElement('img');
		overlayContent.appendChild(createImgHolder);
		overlayContent.lastChild.setAttribute('id','imgHolder');
		var imgHolder = document.getElementById('imgHolder');
		imgHolder.style.position = 'absolute';
		imgHolder.style.top = '0px';
		imgHolder.style.left = '0px';
		imgHolder.style.width = '100%';
		imgHolder.style.height = '100%';
		imgHolder.style.zIndex = '20009';
		//place first image
		var imgForHolder = document.getElementById(imgIdSel);
		
		imgHolder.src = imgPath+myImages[curImg]+'_big.jpg';
		
		

		//previous button
		var createpreviousButton = document.createElement('div');
		overlayContent.appendChild(createpreviousButton);
		overlayContent.lastChild.setAttribute('id','previousButton');
		overlayContent.lastChild.setAttribute('onclick','previousImg();');
		overlayContent.lastChild.setAttribute("onmouseover","mouseOverNextPrev('prev');");
		overlayContent.lastChild.setAttribute("onmouseout","mouseOverNextPrev('prev');");
		var previousButton = document.getElementById('previousButton');
		previousButton.style.position = 'absolute';
		previousButton.style.top = '0px';
		previousButton.style.left = '-10%';
		previousButton.style.width = '60%';
		previousButton.style.height = '100%';
		previousButton.style.zIndex = '20011';
		previousButton.style.background = '#000000';
		previousButton.style.cursor = 'pointer';
		setOpacity(previousButton, 0);

		//next button
		var createNextButton = document.createElement('div');
		overlayContent.appendChild(createNextButton);
		overlayContent.lastChild.setAttribute('id','nextButton');
		overlayContent.lastChild.setAttribute('onclick','nextImg();');
		overlayContent.lastChild.setAttribute("onmouseover","mouseOverNextPrev('next');");
		overlayContent.lastChild.setAttribute("onmouseout","mouseOverNextPrev('next');");
		var nextButton = document.getElementById('nextButton');
		nextButton.style.position = 'absolute';
		nextButton.style.top = '0px';
		nextButton.style.right = '-10%';
		nextButton.style.width = '60%';
		nextButton.style.height = '100%';
		nextButton.style.zIndex = '20011';
		nextButton.style.background = '#000000';
		nextButton.style.cursor = 'pointer';
		setOpacity(nextButton, 0);
		
		
		
		//tools
		var overlayToolbar = document.createElement('div');
		overlayContent.appendChild(overlayToolbar);
		overlayContent.lastChild.setAttribute('id','overlayToolbar');
		overlayToolbar = document.getElementById('overlayToolbar');
		overlayToolbar.style.position = 'relative';
		overlayToolbar.style.top = '2px';
		overlayToolbar.style.left = '0px';
		overlayToolbar.style.width = '700px';
		overlayToolbar.style.height = '40px';
		overlayToolbar.style.cursor = 'pointer';
		overlayToolbar.setAttribute('onclick', 'exitOverlay();');
		
		var overlayTitle = document.createElement('div');
		overlayToolbar.appendChild(overlayTitle);
		overlayToolbar.lastChild.setAttribute('id','overlayTitle');
		overlayTitle = document.getElementById('overlayTitle');
		overlayTitle.style.position = 'absolute';		
		overlayTitle.style.top = '10px';
		overlayTitle.style.left = '0px';
		overlayTitle.style.width = '400px';
		overlayTitle.style.height = 'auto';
		overlayTitle.style.color = '#fff';
		overlayTitle.style.textAlign = 'left';
		overlayTitle.innerHTML = '';
		
		var overlayExit = document.createElement('div');
		overlayToolbar.appendChild(overlayExit);
		overlayToolbar.lastChild.setAttribute('id','overlayExit');
		overlayExit = document.getElementById('overlayExit');
		overlayExit.style.position = 'absolute';		
		overlayExit.style.top = '10px';
		overlayExit.style.left = '680px';
		overlayExit.style.width = '20px';
		overlayExit.style.height = '20px';
		overlayExit.style.background = 'url(img/icon/us_icons.png) -20px -40px';
		overlayExit.style.cursor = 'pointer';
		overlayExit.setAttribute('onclick', 'exitOverlay();');




		
	
}








function exitOverlay(){
	elm = document.getElementById('overlayBg');
	changeOpac(elm,85,0,450,36);
	var t=setTimeout("removeOverlay();", 450);
}

function removeOverlay() {
		var bdy = document.body;
		var overlayMain = document.getElementById('overlayMain');
		bdy.removeChild(overlayMain);		
}



function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

//animation
function changeOpac(elm,begin,end,duration,fps) {
  var change = end-begin;
  var interval = Math.ceil(1000/fps);
  var totalframes = Math.ceil(duration/interval);
  var step = Math.ceil(change/totalframes);
  for(i=1; i<=totalframes; i++) {
    (function() {
        var frame=i;
		function inner() {
            opacStep=easeInOutQuad(begin,change,totalframes,frame);
			setOpacity(elm, opacStep);
       }
       timer = setTimeout(inner,interval*frame);
    })();
  }
}


//formule
function easeInOutQuad(begin,change,totalframes,frame) {
 if ((frame/=totalframes/2) < 1) return change/2*frame*frame + begin;
 return -change/2 * ((--frame)*(frame-2) - 1) + begin;
};



function previousImg() {
var imgss = document.getElementById('imgHolder');
var previousButtonImg = document.getElementById('previousButtonImg');
	curImg--;
	if(curImg<0){
		if(loop){
			curImg = myImages.length-1;	
			if(curImg == 0 ){
				previousButtonImg.src = 'img/icon/arrow_end_white.png';
			} else {
				previousButtonImg.src = 'img/icon/arrow_left_white.png';
			}
		} else {
			curImg = 0;
			if(curImg == 0 ){
				previousButtonImg.src = 'img/icon/arrow_end_white.png';
			} else {
				previousButtonImg.src = 'img/icon/arrow_left_white.png';
			}
		}
	}
	imgss.src = imgPath+myImages[curImg]+'_big.jpg';
}


function nextImg() {
var nextButtonImg = document.getElementById('nextButtonImg');
var imgss = document.getElementById('imgHolder');
	curImg++;
	if(curImg>=myImages.length){
		if(loop){
			curImg = 0;
			if(curImg == myImages.length-1){
				nextButtonImg.src = 'img/icon/arrow_end_white.png';
			} else {
				nextButtonImg.src = 'img/icon/arrow_right_white.png';
			}
			
		} else {
			curImg = myImages.length-1;
			if(curImg == myImages.length-1){
				nextButtonImg.src = 'img/icon/arrow_end_white.png';
			} else {
				nextButtonImg.src = 'img/icon/arrow_right_white.png';
			}
		}
	}
	imgss.src = imgPath+myImages[curImg]+'_big.jpg';
}

function mouseOverNextPrev(direction){
	var overlayContent = document.getElementById('overlayContent');
	var previousButton = document.getElementById('previousButton');
	var previousButtonImg = document.getElementById('previousButtonImg');
	
	
	if(direction == 'prev'){
		if(previousButtonImg){
			changeOpac(previousButtonImg,100,0,330,36);
			overlayContent.removeChild(previousButtonImg)
			
		} else {
			var createPreviousButtonImg = document.createElement('img');
			overlayContent.appendChild(createPreviousButtonImg);
			overlayContent.lastChild.setAttribute('id','previousButtonImg');
			var previousButtonImg = document.getElementById('previousButtonImg');
			
			if(curImg == 0 && loop == false ){
				previousButtonImg.src = 'img/icon/arrow_end_white.png';
			} else {
				previousButtonImg.src = 'img/icon/arrow_left_white.png';
			}
			setOpacity(previousButtonImg, 0);
			previousButtonImg.style.position = 'absolute';
			previousButtonImg.style.top = '165px';
			previousButtonImg.style.left = '-60px';
			previousButtonImg.style.zIndex = '20010';
			changeOpac(previousButtonImg,0,100,330,36);
			
		}
	}

	var nextButton = document.getElementById('nextButton');
	var nextButtonImg = document.getElementById('nextButtonImg');
	if(direction == 'next'){
		if(nextButtonImg){
			overlayContent.removeChild(nextButtonImg);
		} else {
			var createNextButtonImg = document.createElement('img');
			overlayContent.appendChild(createNextButtonImg);
			overlayContent.lastChild.setAttribute('id','nextButtonImg');
			var nextButtonImg = document.getElementById('nextButtonImg');
			if(curImg == myImages.length-1 && loop == false ){
				nextButtonImg.src = 'img/icon/arrow_end_white.png';
			} else {
				nextButtonImg.src = 'img/icon/arrow_right_white.png';
			}

			setOpacity(nextButtonImg, 0);
			nextButtonImg.style.position = 'absolute';
			nextButtonImg.style.top = '165px';
			nextButtonImg.style.right = '-60px';
			nextButtonImg.style.zIndex = '20010';
			changeOpac(nextButtonImg,0,100,330,36);
		}
	}
	
	
	
}





function setZoomer(){
	var img = document.getElementById('projectSpec_BigImg');
	var magnifyingGlass = document.getElementById('magnifyingglass');

	if(magnifyingGlass){
		img.removeChild(magnifyingGlass);
	} else {
		var createZoomImg = document.createElement('img');
		img.appendChild(createZoomImg);
		img.lastChild.setAttribute('id','magnifyingglass');
		var magnifyingGlass = document.getElementById('magnifyingglass');
		setOpacity(magnifyingGlass, 0);
		magnifyingGlass.style.position = 'absolute';
		magnifyingGlass.style.top = '0px';
		magnifyingGlass.style.right = '0px';
		magnifyingGlass.setAttribute('src','img/icon/magnifyingglass_01_black.png');
		changeOpac(magnifyingGlass,0,100,1000,36);
	}	
}




// this is a single line comment
window.onload = init;
window.onresize = resizeBgImg;
/* this is a lengthy
	multi-line comment
	that goes on and on and on
*/

var currProjectArrayNumber = '0';

function init(){
	changeBgImg();	
	setGetYear();
}




function setGetYear(){	
	var d = new Date();
	var setCurrYear = d.getFullYear();
	document.getElementById('copywrightYear').innerHTML = setCurrYear;
}





function changeBgImg() {
	var nValue = (Math.floor(Math.random()*bgImg_img.length));
	
	var bgImgPlaceHolder = document.getElementById('background');
	var bgImg = document.createElement('img');
	bgImgPlaceHolder.appendChild(bgImg);
	bgImgPlaceHolder.lastChild.setAttribute('id','background_img');
	
	var background_img = document.getElementById('background_img');
	background_img.setAttribute('src', bgImg_img[nValue]['bgImg_img']);

	
	
	var orgImgHeight = bgImg_img[nValue]['bgImg_img_height'];
	var orgImgWidth = bgImg_img[nValue]['bgImg_img_width'];
	
	
	var background_img = document.getElementById("background_img");
	
	var imgScale = (orgImgWidth/orgImgHeight);
	
	if (window.innerHeight) {
		var getFrameHeight = window.innerHeight;
	} 
	else {
		var getFrameHeight = document.documentElement.clientHeight;
	}
	
	if (window.innerWidth) {
		var getFrameWidth = window.innerWidth;
	} 
	else {
		var getFrameWidth = document.documentElement.clientWidth;
	}
	
	var winScale = (getFrameWidth/getFrameHeight);
	
	
	
	if (imgScale > winScale) {
		var setImgWidth = Math.floor(getFrameHeight*imgScale);
		background_img.setAttribute('width', setImgWidth);
		background_img.setAttribute('height', getFrameWidth);
		
		//background_img.width = setImgWidth;
		//background_img.height = getFrameHeight;
	}
	else {
		var setImgHeight = Math.floor(getFrameWidth/imgScale);
		background_img.setAttribute('width', getFrameWidth);
		background_img.setAttribute('height', setImgHeight);
	}
		
		
		//background_img.width = getFrameWidth;
		//background_img.height = setImgHeight;
	
	//background_img.setAttribute('width', getFrameWidth);
}

function resizeBgImg() {
	var orgImgHeight = document.getElementById("background_img").height;
	var orgImgWidth = document.getElementById("background_img").width;
	
	var elmImg = document.getElementById("background_img");
	
	var imgScale = (orgImgWidth/orgImgHeight);
	
	if (window.innerHeight) {
		var getFrameHeight = window.innerHeight;
	} 
	else {
		var getFrameHeight = document.documentElement.clientHeight;
	}
	
	if (window.innerWidth) {
		var getFrameWidth = window.innerWidth;
	} 
	else {
		var getFrameWidth = document.documentElement.clientWidth;
	}
	
	var winScale = (getFrameWidth/getFrameHeight);
	
	
	
	if (imgScale > winScale) {
		var setImgWidth = Math.floor(getFrameHeight*imgScale);
		//background_img.setAttribute('width', setImgWidth);
		//background_img.setAttribute('height', getFrameWidth);
		
		background_img.width = setImgWidth;
		background_img.height = getFrameHeight;
	}
	else {
		var setImgHeight = Math.floor(getFrameWidth/imgScale);
		//background_img.setAttribute('width', getFrameWidth);
		//background_img.setAttribute('height', setImgHeight);
		
		background_img.width = getFrameWidth;
		background_img.height = setImgHeight;
		
		
	}
}









function changeWpBgImg() {
	var wpBgImg=new Array("img/chicago_grey.jpg", "img/newyork.jpg");
	var nValue = (Math.floor(Math.random()*wpBgImg.length));
	
	var imgPlaceHolder = document.getElementById("backGroundImg");
	imgPlaceHolder.src = wpBgImg[nValue];
	
}

function createImg() {
	
	changeWpBgImg();
	
	
	var orgImgHeight = document.getElementById("backGroundImg").height;
	var orgImgWidth = document.getElementById("backGroundImg").width;
	
	var elmImg = document.getElementById("backGroundImg");
	
	var imgScale = (orgImgWidth/orgImgHeight);
	
	
	if (window.innerHeight) {
		var getFrameHeight = window.innerHeight;
	} 
	else {
		var getFrameHeight = document.documentElement.clientHeight;
	}
	
	if (window.innerWidth) {
		var getFrameWidth = window.innerWidth;
	} 
	else {
		var getFrameWidth = document.documentElement.clientWidth;
	}
	
	var winScale = (getFrameWidth/getFrameHeight);

	

	if (imgScale > winScale) {
		var setImgWidth = Math.floor(getFrameHeight*imgScale);
		elmImg.width = setImgWidth;
		elmImg.height = getFrameHeight;
	}
	else {
		var setImgHeight = Math.floor(getFrameWidth/imgScale);
		elmImg.width = getFrameWidth;
		elmImg.height = setImgHeight;
	}
	
	
}

function resizeImgInWin() {

	var orgImgHeight = document.getElementById("backGroundImg").height;
	var orgImgWidth = document.getElementById("backGroundImg").width;
	
	var elmImg = document.getElementById("backGroundImg");
	
	var imgScale = (orgImgWidth/orgImgHeight);
	
	
	if (window.innerHeight) {
		var getFrameHeight = window.innerHeight;
	} 
	else {
		var getFrameHeight = document.documentElement.clientHeight;
	}
	
	if (window.innerWidth) {
		var getFrameWidth = window.innerWidth;
	} 
	else {
		var getFrameWidth = document.documentElement.clientWidth;
	}
	
		var winScale = (getFrameWidth/getFrameHeight);

	

	if (imgScale > winScale) {
		var setImgWidth = Math.floor(getFrameHeight*imgScale);
		elmImg.width = setImgWidth;
		elmImg.height = getFrameHeight;
	}
	else {
		var setImgHeight = Math.floor(getFrameWidth/imgScale);
		elmImg.width = getFrameWidth;
		elmImg.height = setImgHeight;
	}
	
	
}





function changeImgWM_over(x) {
		x.src = 'img/worldmap_over.gif';
		x.style.cursor = 'pointer';
}

function changeImgWM_out(x) {
		x.src = 'img/worldmap_out.gif';
		x.style.cursor = 'default';

}







<!-- functie popup -->
function createOverlay() {
	if(!document.getElementById('overlayMain')) {
		var bdy = document.body;
		var overlayMain = document.createElement('div');
		bdy.appendChild(overlayMain);
		bdy.lastChild.setAttribute('id','overlayMain');

		var overlayMain = document.getElementById('overlayMain');
		
		var overlayBg = document.createElement('div');
		overlayMain.appendChild(overlayBg);
		overlayMain.lastChild.setAttribute('id','overlayBg');
		
		var overlayToggle = document.createElement('div');
		overlayMain.appendChild(overlayToggle);
		overlayMain.lastChild.setAttribute('id','overlayToggle');
		
		
		
		
		var overlayToggle = document.getElementById('overlayToggle');
		overlayToggle.style.cursor = 'pointer';
		
		
		
		
		setOpacity(overlayBg, 0);
		elm = document.getElementById('overlayBg');
		changeOpac(elm,0,85,450,36);
		var t = setTimeout("createOverlayContent();", 100);
		elmToggle = document.getElementById('overlayToggle');
		elmToggle.setAttribute('onclick','createOverlay();');
	}
	else {
		changeOpac(elm,85,0,450,36);
		var t=setTimeout("removeOverlay();", 450);
	}
}

function createOverlayContent() {
		var overlayMain = document.getElementById('overlayMain');
		var overlayContent = document.createElement('div');
		overlayMain.appendChild(overlayContent);
		overlayMain.lastChild.setAttribute('id','overlayContent');
		var overlayContent = document.getElementById('overlayContent');
		var overlayIframe = document.createElement('iframe');
		overlayContent.appendChild(overlayIframe);
		overlayContent.lastChild.setAttribute('id','overlayIframe');
		var overlayIframe = document.getElementById('overlayIframe');
		overlayIframe.setAttribute('width', '100%');
		overlayIframe.setAttribute('height', '100%');
		overlayIframe.setAttribute('frameborder', '0');
		overlayIframe.setAttribute('border', '0');
		overlayIframe.setAttribute('src', 'include/googleApp.php');
		overlayIframe.setAttribute('marginwidth', '0');
		overlayIframe.setAttribute('marginheight', '0');
		overlayIframe.setAttribute('scrolling', '0');
		
		//tools
		var overlayToolbar = document.createElement('div');
		overlayContent.appendChild(overlayToolbar);
		overlayContent.lastChild.setAttribute('id','overlayToolbar');
		overlayToolbar = document.getElementById('overlayToolbar');
		overlayToolbar.style.position = 'relative';
		overlayToolbar.style.top = '2px';
		overlayToolbar.style.left = '0px';
		overlayToolbar.style.width = '700px';
		overlayToolbar.style.height = '40px';
		overlayToolbar.style.cursor = 'pointer';
		overlayToolbar.setAttribute('onclick', 'exitOverlay();');
		
		var overlayTitle = document.createElement('div');
		overlayToolbar.appendChild(overlayTitle);
		overlayToolbar.lastChild.setAttribute('id','overlayTitle');
		overlayTitle = document.getElementById('overlayTitle');
		overlayTitle.style.position = 'absolute';		
		overlayTitle.style.top = '10px';
		overlayTitle.style.left = '0px';
		overlayTitle.style.width = '400px';
		overlayTitle.style.height = 'auto';
		overlayTitle.style.color = '#fff';
		overlayTitle.style.textAlign = 'left';
		overlayTitle.innerHTML = '';
		
		var overlayExit = document.createElement('div');
		overlayToolbar.appendChild(overlayExit);
		overlayToolbar.lastChild.setAttribute('id','overlayExit');
		overlayExit = document.getElementById('overlayExit');
		overlayExit.style.position = 'absolute';		
		overlayExit.style.top = '10px';
		overlayExit.style.left = '680px';
		overlayExit.style.width = '20px';
		overlayExit.style.height = '20px';
		overlayExit.style.background = 'url(./img/icon/us_icons.png) -20px -40px';
		overlayExit.style.cursor = 'pointer';
		overlayExit.setAttribute('onclick', 'exitOverlay();');
}


function removeOverlay() {
		var bdy = document.body;
		var overlayMain = document.getElementById('overlayMain');
		bdy.removeChild(overlayMain);		
}

function exitOverlay(){
	elm = document.getElementById('overlayBg');
	changeOpac(elm,85,0,450,36);
	var t=setTimeout("removeOverlay();", 450);
}



function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

//animation
function changeOpac(elm,begin,end,duration,fps) {
  var change = end-begin;
  var interval = Math.ceil(1000/fps);
  var totalframes = Math.ceil(duration/interval);
  var step = Math.ceil(change/totalframes);
  for(i=1; i<=totalframes; i++) {
    (function() {
        var frame=i;
		function inner() {
            opacStep=easeInOutQuad(begin,change,totalframes,frame);
			setOpacity(elm, opacStep);
       }
       timer = setTimeout(inner,interval*frame);
    })();
  }
}


//formule
function easeInOutQuad(begin,change,totalframes,frame) {
 if ((frame/=totalframes/2) < 1) return change/2*frame*frame + begin;
 return -change/2 * ((--frame)*(frame-2) - 1) + begin;
};




<!-- functie popup photogallery -->
/*
function createOverlay_photoGallery(img, image_path) {
	
	if(!document.getElementById('overlayMain')) {
		var bdy = document.body;
		var overlayMain = document.createElement('div');
		bdy.appendChild(overlayMain);
		bdy.lastChild.setAttribute('id','overlayMain');

		var overlayMain = document.getElementById('overlayMain');
		
		var overlayBg = document.createElement('div');
		overlayMain.appendChild(overlayBg);
		overlayMain.lastChild.setAttribute('id','overlayBg');
		
		var overlayToggle = document.createElement('div');
		overlayMain.appendChild(overlayToggle);
		overlayMain.lastChild.setAttribute('id','overlayToggle');
		
		
		
		
		var overlayToggle = document.getElementById('overlayToggle');
		overlayToggle.style.cursor = 'pointer';
		
		
		
		setOpacity(overlayBg, 0);
		elm = document.getElementById('overlayBg');
		changeOpac(elm,0,85,450,36);
		var t = setTimeout("createOverlayContent_photoGallery('"+img+"','"+image_path+"');", 100);
		elmToggle = document.getElementById('overlayToggle');
		elmToggle.setAttribute('onclick','createOverlay();');
	}
	else {
		changeOpac(elm,85,0,450,36);
		var t=setTimeout("removeOverlay();", 450);
	}
}

function createOverlayContent_photoGallery(string,image_path) {
		
		var gallery = new Array();
		gallery = string.split('|');
		//alert(test[currProjectArrayNumber]);
		
		
		var overlayMain = document.getElementById('overlayMain');
		var overlayContent = document.createElement('div');
		overlayMain.appendChild(overlayContent);
		overlayMain.lastChild.setAttribute('id','overlayContent');
		var overlayContent = document.getElementById('overlayContent');
		overlayContent.style.position = 'relative';

		overlayContent.style.border = '#ffffff solid 1px';
		overlayContent.style.background = 'url(img/site/ajax-loader_black_02.gif) center no-repeat';
		overlayContent.style.backgroundColor='#000000';
		
		
		
		
		//create img container
		var createImgContainer = document.createElement('div');
		overlayContent.appendChild(createImgContainer);
		overlayContent.lastChild.setAttribute('id','imgContainer');
		var imgContainer = document.getElementById('imgContainer');
		imgContainer.style.position = 'relative';
		imgContainer.style.width = '700px';
		imgContainer.style.height = '395px';
	
		

	
	
		var createFader = document.createElement('img');
		imgContainer.appendChild(createFader);
		imgContainer.lastChild.setAttribute('id', 'imageFader');
		imgContainer.lastChild.setAttribute('width', '100%');
		imgContainer.lastChild.setAttribute('height', '100%');
		imgContainer.lastChild.setAttribute('src', '');
		var imageFader = document.getElementById('imageFader');
		imageFader.style.position = 'absolute';
		imageFader.style.top = '0px';
		imageFader.style.left = '0px';
		
		var createHolder = document.createElement('img');
		imgContainer.appendChild(createHolder);
		imgContainer.lastChild.setAttribute('id', 'imageHolder');
		imgContainer.lastChild.setAttribute('width', '100%');
		imgContainer.lastChild.setAttribute('height', '100%');
		imgContainer.lastChild.setAttribute('src', image_path+gallery[currProjectArrayNumber]+'_big.jpg');
		var imageHolder = document.getElementById('imageHolder');
		imageHolder.style.position = 'absolute';
		imageHolder.style.top = '0px';
		imageHolder.style.left = '0px';
		
		
		
		//tools
		var overlayToolbar = document.createElement('div');
		overlayContent.appendChild(overlayToolbar);
		overlayContent.lastChild.setAttribute('id','overlayToolbar');
		overlayToolbar = document.getElementById('overlayToolbar');
		overlayToolbar.style.position = 'relative';
		overlayToolbar.style.top = '2px';
		overlayToolbar.style.left = '0px';
		overlayToolbar.style.width = '700px';
		overlayToolbar.style.height = '40px';
		overlayToolbar.style.cursor = 'pointer';
		overlayToolbar.setAttribute('onclick', 'exitOverlay();');
		
		var overlayTitle = document.createElement('div');
		overlayToolbar.appendChild(overlayTitle);
		overlayToolbar.lastChild.setAttribute('id','overlayTitle');
		overlayTitle = document.getElementById('overlayTitle');
		overlayTitle.style.position = 'absolute';		
		overlayTitle.style.top = '10px';
		overlayTitle.style.left = '0px';
		overlayTitle.style.width = '400px';
		overlayTitle.style.height = 'auto';
		overlayTitle.style.color = '#fff';
		overlayTitle.style.textAlign = 'left';
		overlayTitle.innerHTML = '';
		
		var overlayExit = document.createElement('div');
		overlayToolbar.appendChild(overlayExit);
		overlayToolbar.lastChild.setAttribute('id','overlayExit');
		overlayExit = document.getElementById('overlayExit');
		overlayExit.style.position = 'absolute';		
		overlayExit.style.top = '10px';
		overlayExit.style.left = '680px';
		overlayExit.style.width = '20px';
		overlayExit.style.height = '20px';
		overlayExit.style.background = 'url(./img/icon/us_icons.png) -20px -40px';
		overlayExit.style.cursor = 'pointer';
		overlayExit.setAttribute('onclick', 'exitOverlay();');

		
		
		//create UI
		/*
		var createUI = document.createElement('div');
		overlayContent.appendChild(createUI);
		overlayContent.lastChild.setAttribute('id','UIContainer');
		
		
		
		var createUI_scroll_left = document.createElement('div');
		var UIContainer = document.getElementById('UIContainer');
		UIContainer.appendChild(createUI_scroll_left);
		UIContainer.lastChild.setAttribute('id','UI_scroll_left');
		var UI_scroll_left = document.getElementById('UI_scroll_left');
		UI_scroll_left.style.position = 'absolute';
		UI_scroll_left.style.top = '0px';
		UI_scroll_left.style.left = '0px';
		UI_scroll_left.style.width = '320px';
		UI_scroll_left.style.height = '480px';
		UI_scroll_left.style.background = '';
		
		var createUI_scroll_left_img = document.createElement('img');
		UI_scroll_left.appendChild(createUI_scroll_left_img);
		UI_scroll_left.lastChild.setAttribute('id','UI_scroll_left_img');
		var UI_scroll_left_img = document.getElementById('UI_scroll_left_img');
		UI_scroll_left_img.setAttribute('src','img/site/us_pg_scroll_left.png');
		UI_scroll_left_img.style.position = 'absolute';
		UI_scroll_left_img.style.top = '190px';
		UI_scroll_left_img.style.left = '0px';



		var createUI_scroll_right = document.createElement('div');
		var UIContainer = document.getElementById('UIContainer');
		UIContainer.appendChild(createUI_scroll_right);
		UIContainer.lastChild.setAttribute('id','UI_scroll_right');
		var UI_scroll_right = document.getElementById('UI_scroll_right');
		UI_scroll_right.setAttribute('onmouseover', 'PG_onMouseOver();');
		UI_scroll_right.setAttribute('onmouseout', 'PG_onMouseOut();');
		UI_scroll_right.setAttribute('onclick', 'PG_onClick();');
		UI_scroll_right.style.position = 'absolute';
		UI_scroll_right.style.top = '0px';
		UI_scroll_right.style.left = '320px';		
		UI_scroll_right.style.width = '320px';
		UI_scroll_right.style.height = '480px';
		UI_scroll_right.style.background = '';
		
		var createUI_scroll_right_img = document.createElement('img');
		UI_scroll_right.appendChild(createUI_scroll_right_img);
		UI_scroll_right.lastChild.setAttribute('id','UI_scroll_right_img');
		var UI_scroll_right_img = document.getElementById('UI_scroll_right_img');
		UI_scroll_right_img.setAttribute('src','img/site/us_pg_scroll_right.png');
		UI_scroll_right_img.style.position = 'absolute';
		UI_scroll_right_img.style.top = '190px';
		UI_scroll_right_img.style.right = '0px';


		var createUI_scroll_bottom = document.createElement('div');
		var UIContainer = document.getElementById('UIContainer');
		UIContainer.appendChild(createUI_scroll_bottom);
		UIContainer.lastChild.setAttribute('id','UI_scroll_bottom');
		var UI_scroll_bottom = document.getElementById('UI_scroll_bottom');
		UI_scroll_bottom.style.position = 'absolute';
		UI_scroll_bottom.style.top = '460px';
		UI_scroll_bottom.style.left = '0px';		
		UI_scroll_bottom.style.width = '640px';
		UI_scroll_bottom.style.height = '20px';
		UI_scroll_bottom.style.background = '';
		
		
		
}
*/
















<!--change newsItem -->
function changeNewsItem(headTitle, img, element){
	elmF = document.getElementById(element+'_fader');
	elmF.style.visibility = 'visible';
	setOpacity(elmF, 0);
	elmF.style.backgroundColor = '#fff';
	
	begin = 0;
	eind = 100;
	duration = 450;
	fps = 36;	
	changeOpac(elmF, begin, eind, duration, fps);
	
	setTimeout("changeElm('"+headTitle+"','"+img+"','"+element+"')",duration);
	setTimeout("changeOpac(elmF, eind, begin, duration, fps)",duration);
	
	setTimeout("elmF.style.visibility = 'hidden';",900);
	
}


function changeElm(headTitle, img, element) {
	elmH = document.getElementById(element+'_headTitle');
	elmH.lastChild.innerHTML = headTitle;
	elmImg = document.getElementById(element+'_img');
	elmImg.firstChild.setAttribute('src', img);
}


var overlayText_NI = '';
var overlayText_PI = '';

function setOverlayText(elm, descriptionTxt){
	if(elm == 'NI'){
		overlayText_NI = descriptionTxt;
	}
	if(elm == 'PI'){
		overlayText_PI = descriptionTxt;
	}
	
}


function MouseOverItem(elm, text) {
	if(elm == 'NI'){
		if(overlayText_NI == ''){
			beschrijving = text;
		} else {
			beschrijving = overlayText_NI;
		}
	} 
	if(elm == 'PI'){
		if(overlayText_PI == ''){
			beschrijving = text;
		} else {
			beschrijving = overlayText_PI;
		}
	} 
	
	
	
	elmO = document.getElementById(''+elm+'_img');
	elmO.style.overflow = 'hidden';
	//elmOheight = elmO.clientHeight;
	//elmOwidth = elmO.clientWidth;
	
	
	var overlayTGL = document.createElement('div');
	elmO.appendChild(overlayTGL);
	elmO.lastChild.setAttribute('id', ''+elm+'_overlayTGL');
	overlayTGL.setAttribute('onmouseout','eventMouseOut("'+elm+'")');
	
	var overlayTGL = document.getElementById(''+elm+'_overlayTGL');
	overlayTGL.style.position = 'absolute';
	overlayTGL.style.left = '0px';
	overlayTGL.style.top = '0px';
	overlayTGL.style.width = '100%';
	overlayTGL.style.height = '100%';
	overlayTGL.style.zIndex = '6';
	overlayTGL.style.cursor = 'pointer';
	
	
	var overlayItem = document.createElement('div');
	elmO.appendChild(overlayItem);
	elmO.lastChild.setAttribute('id',''+elm+'_overlayItem');
	
	
	elmOI = document.getElementById(''+elm+'_overlayItem');
	elmOI.style.position = 'absolute';
	elmOI.style.top = '220px';
	elmOI.style.left = '0px';
	elmOI.style.width = '100%';
	elmOI.style.height = '100%';
	
	
	begin = 220;
	eind = 160;
	duration = 450;
	fps = 36;	
	changeMove(elmOI, begin, eind, duration, fps);
	
	var overlayDescrip = document.createElement('div');
	elmOI.appendChild(overlayDescrip);
	elmOI.lastChild.setAttribute('id',''+elm+'_overlayDescrip');
	
	var overlayBG = document.createElement('div');
	elmOI.appendChild(overlayBG);
	elmOI.lastChild.setAttribute('id',''+elm+'_overlayBG');
	
	
	
	var overlayDescrip = document.getElementById(''+elm+'_overlayDescrip');
	overlayDescrip.style.position = 'absolute';
	overlayDescrip.style.left = '0px';
	overlayDescrip.style.top = '0px';
	overlayDescrip.style.width = '100%';
	overlayDescrip.style.height = '100%';
	overlayDescrip.style.color = '#fff';
	overlayDescrip.style.padding = '10px';
	overlayDescrip.style.zIndex = '3';
	
	
	var overlayBG = document.getElementById(''+elm+'_overlayBG');
	overlayBG.style.position = 'absolute';
	overlayBG.style.left = '0px';
	overlayBG.style.top = '0px';
	overlayBG.style.width = '100%';
	overlayBG.style.height = '100%';
	overlayBG.style.background = "#000";
	overlayBG.style.zIndex = '2';
	setOpacity(overlayBG, 60);
	
	
	
	
	
	
	
	var overlayTxt = document.createElement('P');
	overlayDescrip.appendChild(overlayTxt);
	overlayDescrip.lastChild.innerHTML = beschrijving;
	
}

//animation move
function changeMove(elm,begin,end,duration,fps) {
  var change = end-begin;
  var interval = Math.ceil(1000/fps);
  var totalframes = Math.ceil(duration/interval);
  var step = Math.ceil(change/totalframes);
  for(i=1; i<=totalframes; i++) {
    (function() {
        var frame=i;
		function inner() {
            moveStep=easeInOutQuad(begin,change,totalframes,frame);
			elm.style.top = moveStep+'px';
       }
       timer = setTimeout(inner,interval*frame);
    })();
  }
}
function eventMouseOut(elm) {
	begin = 160;
	eind = 220;
	duration = 450;
	fps = 36;	
	changeMove(elmOI, begin, eind, duration, fps);
	setTimeout("removes('"+elm+"')",duration);
	
	
	
}
function removes(elm){
	elmO = document.getElementById(''+elm+'_img');
	//var overlayItem = document.getElementById(''+elm+'_overlayItem');
	var overlayItem = document.getElementById(''+elm+'_overlayItem');
	elmO.removeChild(overlayItem);
	var overlayTGL = document.getElementById(''+elm+'_overlayTGL');
	elmO.removeChild(overlayTGL);
}



//SCROLL DIV
scrollStep=4;

timerUp="";
timerDown="";

function toTop(id){
	document.getElementById(id).scrollTop=0;
}

function toBottom(id){
	document.getElementById(id).scrollTop=document.getElementById(id).scrollHeight;
}

function toLeft(id){
	document.getElementById(id).scrollLeft=0;
}

function toRight(id){
	document.getElementById(id).scrollLeft=document.getElementById(id).scrollWidth;
}


function scrollDivDown(id){
	clearTimeout(timerDown); 
	document.getElementById(id).scrollTop+=scrollStep;
	timerDown=setTimeout("scrollDivDown('"+id+"')",10);
}

function scrollDivUp(id){
	clearTimeout(timerUp);
	document.getElementById(id).scrollTop-=scrollStep;
	timerUp=setTimeout("scrollDivUp('"+id+"')",10);
}

function scrollDivLeft(id){
	clearTimeout(timerUp);
	document.getElementById(id).scrollLeft+=scrollStep;
	timerUp=setTimeout("scrollDivLeft('"+id+"')",10);
}

function scrollDivRight(id){
	clearTimeout(timerUp);
	document.getElementById(id).scrollLeft-=scrollStep;
	timerUp=setTimeout("scrollDivRight('"+id+"')",10);
}




function stopMe(){
	clearTimeout(timerDown); 
	clearTimeout(timerUp);
}

function scrollImg(id, icon, status){
	if(icon == 'scrollUp'){
		if(status == 'over'){
			id.style.background = "url(img/icon/us_icons.png) -100px -20px";
		}
		if(status == 'out'){
			id.style.background = "url(img/icon/us_icons.png) -100px 0px";
		}	
	}
	if(icon == 'scrollDown'){
		if(status == 'over'){
			id.style.background = "url(img/icon/us_icons.png) -80px -20px";
		}
		if(status == 'out'){
			id.style.background = "url(img/icon/us_icons.png) -80px 0px";
		}	
	}
	
	if(icon == 'scrollLeft'){
		if(status == 'over'){
			id.style.background = "url(img/icon/us_icons.png) -140px -20px";
		}
		if(status == 'out'){
			id.style.background = "url(img/icon/us_icons.png) -140px 0px";
		}	
	}
	
	if(icon == 'scrollRight'){
		if(status == 'over'){
			id.style.background = "url(img/icon/us_icons.png) -120px -20px";
		}
		if(status == 'out'){
			id.style.background = "url(img/icon/us_icons.png) -120px 0px";
		}	
	}
	
	
	
}

function gotoAnchor(id){
	var x = document.getElementById(id);
	var scrollElm = document.getElementById('blog_scrollView');
	/*alert(x.offsetTop);*/
	var step = x.offsetTop;
	scrollElm.scrollTop=step;
	window.scroll(0,0);
}



function setStatus(status){
var x = document.getElementById('status');

if(status == 'on'){
	x.innerHTML = 'on';
}else{
	x.innerHTML = 'off';
}

	
}
	




//change color
function changeColor(color){

 	var e=document.getElementsByTagName('h2');
	for(var i=0;i<e.length;i++){
		e[i].style.color = color;
	}
	
	var elmStretch = document.getElementById('headerStretch');
	elmStretch.style.backgroundColor = color;

	var elmHeaderTitle = document.getElementById('headerTitle');
	elmHeaderTitle.style.backgroundColor = color;

	var elmHeader = document.getElementById('header');
	elmHeader.style.backgroundColor = color;
}


//SLIDING MENU
var menuLastId = '';
var menuTime = 250;

function toggleMenu(id) {
	
	var item = document.getElementById("SM_contentWrapper_"+id);
	var curHeightItem = item.clientHeight;
	var curHeight = item.childNodes[0].clientHeight;
	var start = curHeightItem;
	var end = curHeight;
	changeWidth(item, start, end, menuTime, 36);
	if (menuLastId != '') {
		var item1 = document.getElementById("SM_contentWrapper_"+menuLastId);
		var curHeightItem1 = item1.clientHeight;
		var curHeight1 = item1.childNodes[0].clientHeight;
		
		if(curHeightItem1 > 0 ) {
			var start = curHeightItem1;
			var end = 0;
			changeWidth(item1, start, end, menuTime, 36);
		}
		else {
			var start = curHeightItem;
			var end = curHeight;
			//alert("b " +curHeightItem + " - "  + curHeight);
			changeWidth(item, start, end, menuTime, 36);
		}
	} 
	menuLastId = id;
}

function changeWidth(elm,begin,end,duration,fps) {
  var change = end-begin;
  var interval = Math.ceil(1000/fps);
  var totalframes = Math.ceil(duration/interval);
  /*var step = Math.ceil(change/totalframes);*/
  for(i=1; i<=totalframes; i++) {
    (function() {
        var frame=i;
		function inner() {
            var steps=easeInOutQuad(begin,change,totalframes,frame);
            elm.style.height = steps +'px';
       }
       timer = setTimeout(inner,interval*frame);
    })();
  }
}

function easeInOutQuad(begin,change,totalframes,frame) {
 if ((frame/=totalframes/2) < 1) return change/2*frame*frame + begin;
 return -change/2 * ((--frame)*(frame-2) - 1) + begin;
};





//projects

function projectItemMouseOver(elm){
	elm.style.background = '#ffffff';
	elm.style.cursor = 'pointer';
	elm.lastChild.style.background = "#000";
	elm.lastChild.firstChild.style.visibility = "visible";
	
}

function projectItemMouseOut(elm){
	elm.style.background = '';
	elm.lastChild.firstChild.style.visibility = "hidden";
}

function projectItemMouseClick(to){
	selectSubject('project', '+to+');
}

function scrollArrow(){
	var frameContent = 1100;
	var frameProjectWrapper = document.getElementById('project_wrapper');
	var height = parseInt(frameProjectWrapper.offsetHeight);
	alert(height);
	
	
}



function changeProjectImg(id, elm, number){
	var img = document.getElementById(elm);
	img.src = id;
	currProjectArrayNumber = number;
}












//CREAD
var lastActiveRow = '';
var activeRow = 'inactive';


function CREAD_MouseOver(id, img) {
	

	if(activeRow == 'inactive'){
		if (img == 'add'){
			linkAdd = document.getElementById(img+'img');
			linkAdd.style.width = "20px";
			linkAdd.style.height = "20px";
			linkAdd.style.display = "block";
			linkAdd.style.background = "url(img/icon/us_icons.png) -40px -20px";
		}
		
		id.style.backgroundColor = '#666';
		id.style.color = '#fff';
		id.style.cursor = 'pointer';	
		
	}
	else {
		if(lastActiveRow == id){
			id.style.cursor = 'pointer';
		}
		else {
			id.style.cursor = 'default';
		}
	}

}

function CREAD_MouseClick(id, img) {
	linkDel = document.getElementById('del'+img);
	linkEdit = document.getElementById('edit'+img);
	
	if(activeRow == 'inactive'){ //er staat niks open
		id.style.backgroundColor = '#EB8023';
		id.style.color = '#fff';
		
		
		linkDel.style.width = "20px";
		linkDel.style.height = "20px";
		linkDel.style.display = "block";
		linkDel.style.background = "url(img/icon/us_icons.png) -20px 0px";
		linkEdit.style.width = "20px";
		linkEdit.style.height = "20px";
		linkEdit.style.display = "block";
		linkEdit.style.background = "url(img/icon/us_icons.png) -60px 0px";
		
		if (img == 'add'){
			linkAdd = document.getElementById(img+'img');
			linkAdd.style.width = "20px";
			linkAdd.style.height = "20px";
			linkAdd.style.display = "block";
			linkAdd.style.background = "url(img/icon/us_icons.png) -40px 0px";
		}
		
		lastActiveRow = id;
		activeRow = 'active';
	}
	else {
		if(lastActiveRow == id){
			
			id.style.backgroundColor = '';
			id.style.color = '';
			linkDel.style.display = "none";	
			linkEdit.style.display = "none";
			activeRow = 'inactive';
			lastActiveRow = '';
		}
		
	}
	
	
}

function CREAD_MouseOut(id, img) {
	

	
	if(activeRow == 'inactive'){
		id.style.backgroundColor = '';
		id.style.color = '';
		
		linkAdd = document.getElementById(img+'img');
		linkAdd.style.display = "none";
	}
}


function mouseEvent(name, state, icontype){
	linkName = document.getElementById(name);
	if(state == 'over'){
		if(icontype == 'edit'){
			linkName.style.background = "url(img/icon/us_icons.png) -60px -20px";
		}
		if(icontype == 'del'){
			linkName.style.background = "url(img/icon/us_icons.png) -20px -20px";
		}

	}
	if(state == 'out'){
		if(icontype == 'edit'){
			linkName.style.background = "url(img/icon/us_icons.png) -60px 0px";
		}
		if(icontype == 'del'){
			linkName.style.background = "url(img/icon/us_icons.png) -20px 0px";
		}
	}

}









//AJAX SECTION
var xmlhttp;

function selectSubject(page,subject,pagenr){
	currProjectArrayNumber = '0';
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null){
		alert ("Browser does not support HTTP Request");
		return;
	}
	var url="include/"+page+".php";
	url=url+"?q="+page;
	url=url+"&subject="+subject;
	url=url+"&pagenr="+pagenr;
	url=url+"&sid="+Math.random();
	if(subject == 'menu'){
		xmlhttp.onreadystatechange=MenuStateChanged;
	}
	xmlhttp.onreadystatechange=stateChanged;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
}

function stateChanged(){
	if (xmlhttp.readyState==4){
		document.getElementById("content").innerHTML=xmlhttp.responseText;
	}
}




function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}

function changeMenu(page, menuType){
	xmlhttp2=GetXmlHttpObject();
	if (xmlhttp2==null){
		alert ("Browser does not support HTTP Request");
		return;
	}
	var url="include/"+page+".php";
	url=url+"?q="+page;
	url=url+"&subject="+menuType;
	url=url+"&sid="+Math.random();
	xmlhttp2.onreadystatechange=MenuStateChanged;
	xmlhttp2.open("GET",url,true);
	xmlhttp2.send(null);
}

function MenuStateChanged(){
	if (xmlhttp2.readyState==4){
		document.getElementById("menu").innerHTML=xmlhttp2.responseText;
		menuLastId = '';
	}
}










//extra
function sendForm() {
	document.inlogForm.submit();	
}


function blogLink01over(id) {
	id.style.backgroundColor = '#666666';
	id.style.color = '#ffffff';
	id.style.cursor = 'pointer';
}

function blogLink01out(id) {
	id.style.backgroundColor = '';
	id.style.color = '#000000';
	id.style.cursor = 'default';
}















function toggleAni(elmId){
	var elm = document.getElementById(elmId);
	if(elm.AniState == null) {
		if (elm.style.left == null || elm.style.left == AniStart+'px'){
			elm.AniState = -2;
		} else {
			elm.AniState = 2;
		}
	}
	
	
	if(elm.AniState == 1 || elm.AniState == -1) {
		elm.AniState = elm.AniState == 1 ? -1 : 1;
		elm.AniTimeLeft = AniDuration - elm.AniTimeLeft;
	} else {
		elm.AniState = elm.AniState == 2 ? -1 : 1;
		elm.AniTimeLeft = AniDuration;
		setTimeout("animation(" + new Date().getTime() + ", '" + elmId + "')", 33);
	}
	
	
}


function animation(lastTick, elmId){
	
	var curTick = new Date().getTime();
	var elapsedTicks = curTick - lastTick;
	var elm = document.getElementById(elmId);

	if(elm.AniTimeLeft <= elapsedTicks){
		elm.style.left = elm.AniState == 1 ? AniEnd+'px' : AniStart+'px';
		elm.AniState = elm.AniState == 1 ? 2 : -2;
		return;
	}
	
	elm.AniTimeLeft -= elapsedTicks;
	
	//var newValue = elm.AniTimeLeft/AniDuration * AniEnd;
	
	var frame = elm.AniTimeLeft;
	
	var newValue = Math.floor(easeInOutQuad(AniStart, AniChange, AniDuration, frame));
	
	if(elm.AniState == 1){
		newValue = AniChange - newValue;
		
	}

	elm.style.left = newValue + 'px';
	elm.innerHTML = newValue;
	
	setTimeout("animation(" + curTick + ", '" + elmId + "')", 33);
}


function easeInOutQuad(begin,change,totalframes,frame) {
	if ((frame/=totalframes/2) < 1) return change/2*frame*frame + begin;
	return -change/2 * ((--frame)*(frame-2) - 1) + begin;
}









function changeHomeItem(headTitle, img, element){
	var elmHeadTitle = document.getElementById(element+'_headTitle');
	elmHeadTitle.lastChild.innerHTML = headTitle;
}