//preload images
img0=new Image()
img0.src="../images/improvement/large/1.jpg" 
img1=new Image()
img1.src="../images/improvement/large/2.jpg"
img2=new Image()
img2.src="../images/improvement/large/3.jpg"
img3=new Image()
img3.src="../images/improvement/large/4.jpg"
img4=new Image()
img4.src="../images/improvement/large/5.jpg"
img5=new Image()
img5.src="../images/improvement/large/6.jpg"
img6=new Image()
img6.src="../images/improvement/large/7.jpg"



//change images
myImages=new Array()
myImages[0]=img0.src
myImages[1]=img1.src
myImages[2]=img2.src
myImages[3]=img3.src
myImages[4]=img4.src
myImages[5]=img5.src
myImages[6]=img6.src
imagecounter=myImages.length-1
i=0


function first(){
	document.getElementById('imageviewer').src=myImages[0]
	i=0
}
function second(){
	document.getElementById('imageviewer').src=myImages[1]
	i=1
}
function third(){
	document.getElementById('imageviewer').src=myImages[2]
	i=2
}
function forth(){
	document.getElementById('imageviewer').src=myImages[3]
	i=3
}
function fifth(){
	document.getElementById('imageviewer').src=myImages[4]
	i=4
}
function sixth(){
	document.getElementById('imageviewer').src=myImages[5]
	i=5
}
function seventh(){
	document.getElementById('imageviewer').src=myImages[6]
	i=6
}
function previous(){
if (i>0)
	{
	i--
	document.getElementById('imageviewer').src=myImages[i]
	document.getElementById('imageviewer').alt=myAlt[i]
	}
}

function next(){
if (i<imagecounter)
	{
	i++
	document.getElementById('imageviewer').src=myImages[i]
	document.getElementById('imageviewer').alt=myAlt[i]
	}
}