//preload images
img0=new Image()
img0.src="../images/houses/miller/miller1.jpg" 
img1=new Image()
img1.src="../images/houses/miller/miller2.jpg" 
img2=new Image()
img2.src="../images/houses/miller/miller3.jpg"
img3=new Image()
img3.src="../images/houses/miller/miller4.gif" 

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

//change alt tag
myAlt=new Array()
myAlt[0]="Outside"
myAlt[1]="Kitchen"
myAlt[2]="Dining Room"
myAlt[3]="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]
	}
}