function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		CLIENTS_over = newImage("images/CLIENTS-over.gif");
		ABOUTUS_over = newImage("images/ABOUTUS-over.gif");
		SERVICES_over = newImage("images/SERVICES-over.gif");
		PORTOFOLIO_over = newImage("images/PORTOFOLIO-over.gif");
		RATES_over = newImage("images/RATES-over.gif");
		CONTACTUS_over = newImage("images/CONTACTUS-over.gif");
		preloadFlag = true;
	}
}
<!-- slide show -->
var numberslide=new Array()
numberslide[0]=["images/pic1.jpg", "http://www.vinestudio.com"]
numberslide[1]=["images/pic2.jpg", ""]
numberslide[2]=["images/pic3.jpg", ""]
numberslide[3]=["images/pic4.jpg", ""]
numberslide[4]=["images/pic5.jpg", ""]
numberslide[5]=["images/pic6.jpg", ""]

var mylinktarget="" //specify optional link target
var mylinkcolor="orange" //specify default color of number links
var mylinkcolorSelected="green" //specify color of selected links

var imgborderwidth=0 //specify border of image slideshow

var preloadit=new Array()
for (i=0;i<numberslide.length;i++){
preloadit[i]=new Image()
preloadit[i].src=numberslide[i][0]
}

var currentindex=""

function changeslides(which){
var imghtml=""
currentindex=(which=="initial")? 0 : parseInt(which)
var mode=(which=="initial")? "initial" : ""
var which=(mode=="initial")? numberslide[0] : numberslide[which]
if (which[1]!="")
imghtml='<a href="'+which[1]+'" target="'+mylinktarget+'">'
imghtml+='<img src="'+which[0]+'" border="'+imgborderwidth+'">'
if (which[1]!="")
imghtml+='</a>'

if (mode=="initial")
document.write('<div>'+imghtml+'</div>')
else{
document.getElementById("imagecontainer").innerHTML=imghtml
changecolors()
}
}

function createnumbers(){
document.write('<a href="javascript:changeslides(0)" style="color:'+mylinkcolorSelected+'">0</a> ')
for (i=1; i< numberslide.length; i++)
document.write('<a href="javascript:changeslides(\''+i+'\')">'+i+'</a> ')
}

function changecolors(){
var numberobj=document.getElementById("numberDiv")
numberlinks=numberobj.getElementsByTagName("A")
for (i=0; i<=currentindex; i++)
numberlinks[i].style.color=mylinkcolorSelected
for (i=currentindex+1; i<numberslide.length; i++)
numberlinks[i].style.color=mylinkcolor
}

function goforward(){
if (currentindex<numberslide.length-1)
changeslides(currentindex+1)
}

function goback(){
if (currentindex!=0)
changeslides(currentindex-1)
}