//preload images
img0=new Image()
img0.src="../images/houses/darden/darden1.jpg" 
img1=new Image()
img1.src="../images/houses/darden/darden2.jpg"
img2=new Image()
img2.src="../images/houses/darden/darden3.gif"

//change images
myImages=new Array()
myImages[0]=img0.src
myImages[1]=img1.src
myImages[2]=img2.src
imagecounter=myImages.length-1
i=0

//change alt tag
myAlt=new Array()
myAlt[0]="Outside"
myAlt[1]="Kitchen"
myAlt[2]="Bath Room"

function first(){
	document.getElementById('imageviewer').src=myImages[0]
	document.getElementById('imageviewer').alt=myAlt[0]
	i=0
}
function second(){
	document.getElementById('imageviewer').src=myImages[1]
	document.getElementById('imageviewer').alt=myAlt[1]
	i=1
}
function third(){
	document.getElementById('imageviewer').src=myImages[2]
	document.getElementById('imageviewer').alt=myAlt[2]
	i=2
}
function forth(){
	document.getElementById('imageviewer').src=myImages[3]
	document.getElementById('imageviewer').alt=myAlt[3]
	i=3
}
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]
	}
}