var serieArray = new Array;
serieArray[0] = new Array("images/");
serieArray[1] = new Array("images/small/");

var toolbarData = new Array;
var toolbarWerk = new Array;
var ctry;
var maxCount = 3;
counter = 2;
oldserie = 0;
size = 0;

var currentWerk = 0;
var werkbuttons=4;
var currentSelection = 0;
var buttons=7;

//showRandomImage();

//setInterval (changeImage(name), '5000');"

function openLink(link){
	w = 500;
	h = 500;
	vleft= 500;
	vtop = 50;
	window.open(link,'','width=' + w +', height=' + h + ', top=' + vtop + ',left=' + vleft, 'resizable=1', 'toolbar=1', 'menubar=1');	
}

function setName(id){
	name = id;
}

function calculateCenter() {
	w = screen.width - 8;
	document.getElementById('portfolio').style.left= 2*(w/8) -270 +'px';
}
function setSmallScreen(value, photo){
	if(value){
		size = 1;
//		document.getElementById('foto').src= photo;		
	} else {
		size = 0;
	}
}
function nextImage() {
	counter++;
	if (counter > maxCount)
		counter = 0;
	
//	document.getElementById('foto').src= serieArray[size] + counter +'.jpg';
}
function setImage(id) {
//	document.getElementById('foto').src=serieArray[size] + id +'.jpg';
}
function showImage(id) {
	counter = id;	
//	document.getElementById('foto').src= serieArray[size] + id +'.jpg';
//	document.getElementById('fotodiv').style.display = 'block';
//	document.getElementById('fotothumbs').style.display = 'none';
}

function changeImage(name) {
	counter++;
	if (counter > maxCount)
		counter = 1;
//	document.images.slide.src=eval(name+counter+".src")
	document.getElementById(name).src= 'profile/' + name + counter +'.jpg';
}

function hideText(){
	document.getElementById('tekst0').style.display = 'none';
	document.getElementById('tekst1').style.display = 'none';
	document.getElementById('tekst2').style.display = 'none';
	document.getElementById('tekst3').style.display = 'none';
	document.getElementById('tekst4').style.display = 'none';
	document.getElementById('tekst5').style.display = 'none';
	document.getElementById('tekst6').style.display = 'none';
	document.getElementById('tekst7').style.display = 'none';
}
function showTekst(teller){
	hideText();
	var welke = 'tekst' + teller; 
	document.getElementById(welke).style.display = 'block';
	if(teller==1) {
		hideWerk();
	}
}


toolbarData[1] = new Array('ow.png', 'owh.png',  'ows.png');
toolbarData[2] = new Array('opdrachten.png', 'opdrachtenh.png',  'opdrachtens.png');
toolbarData[3] = new Array('klanten.png', 'klantenh.png',  'klantens.png');
toolbarData[4] = new Array('partners.png', 'partnersh.png',  'partnerss.png');
toolbarData[5] = new Array('info.png', 'infoh.png',  'infos.png');
toolbarData[6] = new Array('sw.png', 'swh.png',  'sws.png');
toolbarData[7] = new Array('et.png', 'eth.png',  'ets.png');


toolbarWerk[1] = new Array('ow1.png', 'ow1h.png',  'ow1s.png');
toolbarWerk[2] = new Array('ow2.png', 'ow2h.png',  'ow2s.png');
toolbarWerk[3] = new Array('ow3.png', 'ow3h.png',  'ow3s.png');
toolbarWerk[4] = new Array('ow4.png', 'ow4h.png',  'ow4s.png');


function highlightItem(button, state) {
	 i = button.getAttribute('id');
	if (i != currentSelection) {
		button.setAttribute('src', 'buttons/' + toolbarData[i][state]);
	}
}

function selectItem(button) {
	 i = button.getAttribute('id');
	var tbar = new Array();
	for (j=1; j<buttons+1;j++) {
	  	tbar[j] = document.getElementById(j);
		tbar[j].setAttribute('src', 'buttons/' + toolbarData[(j)][0]);
	}
	button.setAttribute('src', 'buttons/' + toolbarData[i][2]);
	currentSelection = i;
}


function hideWerk(){
	document.getElementById('werk1').style.display = 'none';
	document.getElementById('werk2').style.display = 'none';
	document.getElementById('werk3').style.display = 'none';
	document.getElementById('werk4').style.display = 'none';
}
function showWerk(teller){
	hideWerk();
	var welke = 'werk' + teller; 
	document.getElementById(welke).style.display = 'block';
}

function highlightWerk(button, state) {
	 i = button.getAttribute('id');
	 i = i - 70;
	if (i != currentWerk) {
		button.setAttribute('src', 'buttons/' + toolbarWerk[i][state]);
	}
}

function selectWerk(button) {
	 i = button.getAttribute('id');
	 i = i-70;
	var wbar = new Array();
	for (j=1; j<werkbuttons+1;j++) {
	  	wbar[j] = document.getElementById(70+j);
		wbar[j].setAttribute('src', 'buttons/' + toolbarWerk[(j)][0]);
	}
	button.setAttribute('src', 'buttons/' + toolbarWerk[i][2]);
	currentWerk = i;
}