image_arr = new Array();
var cur = 1;
var max = 10;

//rel="lightbox[roadtrip]"


image_arr[1] = '<a href="ourworks.html" ><img src="images/port1.jpg" border="0" /><a>';
image_arr[2] = '<a href="ourworks.html" ><img src="images/port2.jpg" border="0" /><a>';
image_arr[3] = '<a href="ourworks.html"  ><img src="images/port3.jpg" border="0" /><a>';
image_arr[4] = '<a href="ourworks.html"  ><img src="images/port1.jpg" border="0" /><a>';
image_arr[5] = '<a href="ourworks.html" ><img src="images/port2.jpg" border="0"  /><a>';
image_arr[6] = '<a href="ourworks.html"><img src="images/port3.jpg" border="0" /><a>';
image_arr[7] = '<a href="ourworks.html" ><img src="images/port1.jpg" border="0" /><a>';
image_arr[8] = '<a href="ourworks.html"  ><img src="images/port2.jpg" border="0" /><a>';
image_arr[9] = '<a href="ourworks.html" ><img src="images/port3.jpg" border="0" /><a>';
image_arr[10] = '<a href="ourworks.html" ><img src="images/port1.jpg" border="0" /><a>';

function moveDown(){
	if(cur <= max-3 ){
		document.getElementById('scroll1').innerHTML = image_arr[cur+1];
		document.getElementById('scroll2').innerHTML = image_arr[cur+2];
		document.getElementById('scroll3').innerHTML = image_arr[cur+3];
		cur++;
	}
}
function moveUp(){

	if(cur > 1 ){
		document.getElementById('scroll1').innerHTML = image_arr[cur-1];
		document.getElementById('scroll2').innerHTML = image_arr[cur];
		document.getElementById('scroll3').innerHTML = image_arr[cur+1];
		cur--;
	}
}
function intialize(){
	document.getElementById('scroll1').innerHTML = image_arr[cur];
	document.getElementById('scroll2').innerHTML = image_arr[cur+1];
	document.getElementById('scroll3').innerHTML = image_arr[cur+2];
	

}
intialize();