// JavaScript Document
// dazearts scripts A1.0 24 Sep 2007

var pics_array1 = new Array("thumbnails/bellinis.jpg", "thumbnails/ophelia.jpg", "thumbnails/paris_night.jpg", "thumbnails/concubine.jpg", "thumbnails/big_blue.jpg", "thumbnails/huntsman.jpg", "thumbnails/sunset.jpg", "thumbnails/santa_croce.jpg");
var pics_array2 = new Array("thumbnails/lauren.jpg", "thumbnails/janis.jpg", "thumbnails/frida.jpg", "thumbnails/colette.jpg", "thumbnails/renee.jpg", "thumbnails/diana.jpg", "thumbnails/maria.jpg", "thumbnails/coco.jpg");
var img_array1 = new Array(); //unknown length
var img_array2 = new Array();
var img_pt1 = 0; //pointer
var img_pt2 = 0;
function preLoadImgs(){
	for(var i = 0; i < pics_array1.length; i++){
		img_array1[ i ] = new Image();
		img_array1[ i ].src = pics_array1 [ i ];
	}
	for(var j = 0; j < pics_array2.length; j++){
		img_array2[ j ] = new Image();
		img_array2[ j ].src = pics_array2 [ j ];
	}
}
function scrLeft(){
	img_pt1++; //point to next image in array
	img_pt2++;
	if ( img_pt1 >= img_array1.length ) img_pt1 = 0; //reset to start
	if ( img_pt2 >= img_array2.length ) img_pt2 = 0;
	refreshImages();
}
function scrRight(){
	img_pt1--; //point to previous image
	img_pt2--;
	if ( img_pt1 < 0 ) img_pt1 = img_array1.length - 1; //reset to end
	if ( img_pt2 < 0 ) img_pt2 = img_array2.length - 1;
	refreshImages();
}
function refreshImages(){
	var next_pt1 = img_pt1 + 1;//point to second displayed image
	var next_pt2 = img_pt2 + 1;
	if ( next_pt1 >= img_array1.length ) next_pt1 = 0; //reset to start
	if ( next_pt2 >= img_array2.length ) next_pt2 = 0;
	var third_pt1 = next_pt1 + 1;//point to third displayed image
	var third_pt2 = next_pt2 + 1;
	if ( third_pt1 >= img_array1.length ) third_pt1 = 0; //reset to start
	if ( third_pt2 >= img_array2.length ) third_pt2 = 0;
	var forth_pt1 = third_pt1 + 1;//point to forth displayed image
	var forth_pt2 = third_pt2 + 1;
	if ( forth_pt1 >= img_array1.length ) forth_pt1 = 0; //reset to start
	if ( forth_pt2 >= img_array2.length ) forth_pt2 = 0;
	
	var first_image = document.getElementById("imageOne");
	var second_image = document.getElementById("imageTwo");
	var third_image = document.getElementById("imageThree");
	var forth_image = document.getElementById("imageFour");
	var fifth_image = document.getElementById("imageFive");
	var sixth_image = document.getElementById("imageSix");
	var seventh_image = document.getElementById("imageSeven");
	var eighth_image = document.getElementById("imageEight");
	first_image.src = img_array1[ img_pt1 ].src;
	second_image.src = img_array1[ next_pt1 ].src;
	third_image.src = img_array1[ third_pt1 ].src;
	forth_image.src = img_array1[ forth_pt1 ].src;
	fifth_image.src = img_array2[ img_pt2 ].src;
	sixth_image.src = img_array2[ next_pt2 ].src;
	seventh_image.src = img_array2[ third_pt2 ].src;
	eighth_image.src = img_array2[ forth_pt2 ].src;

}