//publicaties
var pimage = new Array()
var pmodel = new Array()
var pvisa = new Array()
pimage[1]='01.jpg'
pmodel[1]='Zoom.nl magazine'
pvisa[1]='jan. 2007 / Best of 2006'
pimage[2]='02.jpg'
pmodel[2]='For Nails and beauty'
pvisa[2]='Beautyshop'
pimage[3]='03.jpg'
pmodel[3]='For Nails and beauty'
pvisa[3]='Beautyshop'
pimage[4]='04.jpg'
pmodel[4]='Phancy'
pvisa[4]='Jewelery'
pimage[5]='05.jpg'
pmodel[5]='Megazine - Sping edition'
pvisa[5]='Glossy Lifestyle magazine'
pimage[6]='06.jpg'
pmodel[6]='Zoom.nl magzine'
pvisa[6]='sept. 2006'
pimage[7]='07.jpg'
pmodel[7]='Phancy'
pvisa[7]='Jewelery'
pimage[8]='08.jpg'
pmodel[8]='Phancy'
pvisa[8]='Jewelery'
pimage[9]='09.jpg'
pmodel[9]='Zoom.nl magazine'
pvisa[9]='jan. 2007 / Best of 2006'
pimage[10]='10.jpg'
pmodel[10]='Zoom.nl magazine'
pvisa[10]='nov. 2006 / photo contest'
pmodel[11]='DreamsTime Stock Agency'
pvisa[11]='feb. 2007 / feautured photographer'
pmodel[12]='Inch3.de'
pvisa[12]='advertising company'
pmodel[13]='Zoom.nl magazine'
pvisa[13]='article issue #2 2007'
pmodel[14]='Create: USA mag for designers etc.'
pvisa[14]='Mar+Apr 2007 West Coast edition'
pmodel[15]='Brochure voor beautysalon'
pvisa[15]='Goldkopf Parfume chain Germany'
pmodel[16]='Site for aesthetic treatment'
pvisa[16]='Site build by http://www.davidegazzotti.com'
pmodel[17]='Family and children organisation'
pvisa[17]='Design by: www.ralfhage.de'
pmodel[18]='For German University'
pvisa[18]='Design by: www.der-ric.com'
pmodel[19]='German Foto laboratorium'
pvisa[19]='www.Pearllabor.de'
pmodel[20]='Model: Marij MUA: A-visagie.com'
pvisa[20]='www.mybeautystore.de'
pmodel[21]='Model: Sharon Niesten'
pvisa[21]='Visa: Katinka Jarabik'
pmodel[22]='Model: Danielle Versluis'
pvisa[22]='For theatro Danza'
pmodel[23]='Model: Brenda Kroon'
pvisa[23]='For Apple Leaf'
pmodel[24]='Model: Mitha'
pvisa[24]='A-Visagie'
pmodel[25]='Model: Mitha'
pvisa[25]='A-Visagie'
pmodel[26]='Model: Randy baeten'
pvisa[25]='www.katinka-jarabik.com'


function renderpubs(){
	document.getElementById("container").innerHTML ='<div id="pictures"></div><div id="mainimage"></div>'

var content = "<ul>"
el = document.getElementById("pictures")


for (i=1;i<pmodel.length;i++){
	content += "<li><a href='#' onclick='viewpubliimage(" + i + ")'><img src='publiimages/" + i + ".jpg' /></a></li>"
}

content += "</ul>" 

el.style.display = "block";
el.innerHTML = content
}


function viewpubliimage(imageid){
	document.getElementById("pictures").style.display ='none';
	el = document.getElementById("mainimage")
	el.style.display ='block'
	if (imageid < 10){
		thisimage = "0" + imageid
	}
	else{
		thisimage = imageid
	}

	setimage = '<div id="nav"><a href="#" onclick="pnavprev('+(imageid-1)+')" title="vorige"><</a><a href="#" onclick="pnavnext(' +(parseFloat(imageid+1))+ ')" title="volgende">></a></div><br/>'
	setimage += '<div id="image"><a href="#" onclick="renderpubs()"><img src="http://www.dnf-style.com/publipics/' + thisimage + '.jpg" /></a><p>'+ pmodel[imageid]
	
	if (pvisa[imageid] != '&nbsp;'){
		setimage += '<br />' + pvisa[imageid]
	}
	setimage += '</p></div>'
	el.innerHTML = setimage
}

function pnavnext(imageid){
	if (imageid >= pmodel.length){
	viewpubliimage(1);
	}
	else {
	viewpubliimage(parseFloat(imageid));
	}

}
function pnavprev(imageid){

	if (imageid < 1 && imageid < pmodel.length  ){
	viewpubliimage(pmodel.length-1);
	}
	else {
	viewpubliimage(imageid);
	}
}