var move_count=1;
var thumbnail_count=6;
var thumbnail_height=108;
var thumbnail_width=108;

var position = 0;
var current_position = 0;
var intMovement = 0;
var obj;
var width = thumbnail_width+2;
var increment = move_count*width;
var aSlides = new Array();

function addSlide(src, URL) {
	var newPhoto = new photo(src, URL);
	aSlides.push(newPhoto);
	if(aSlides.length>1) {
		aSlides[aSlides.length-1].next = newPhoto;
	}
}

function photo(src, URL) {
	this.imgSrc = src;
	this.HREF = URL;
	this.obj = '';
	this.next = '';
}

function buildPhotoDivs() {
	div=document.getElementById("Photos");
	if (div) {
		div.style.width=thumbnail_count*width;
		div.style.height=thumbnail_height;
	}
	div=document.getElementById("PhotoFrame");
	if (div) {
		div.style.width=thumbnail_count*width;
		div.style.height=thumbnail_height;
	}
	div=document.getElementById("maincontainer");
	if (div) {
		div.style.width=thumbnail_count*width+100;
		div.style.height=thumbnail_height;
	}
	div=document.getElementById("leftarrow");
	if (div) {
		div.style.top=(thumbnail_height/2)-12;
	}
	div=document.getElementById("rightarrow");
	if (div) {
		div.style.top=(thumbnail_height/2)-12;
	}
	
	var i;
	var divs = "";

	for( i = 0; i < aSlides.length; i++ ) {
		var slideHTML = '<img src="' + aSlides[i].imgSrc + '" border="0" height="'+thumbnail_height+'" width="'+thumbnail_width+'"/>';
		if( aSlides[i].HREF != '' ) {
			slideHTML = '<a href="javascript: showFrame(\'' + aSlides[i].HREF + '\');">' + slideHTML + '</a>';
		}
			var divcode = '<div id="Photo' + i + '" class="slide" style="left:' + (width*i) + '; width:'+width+';" align="center">' + "\n\t";
		divcode += slideHTML + '<br clear="left">' + "\n\t";
		divcode += '</div>' + "\n";
		divs += divcode;
	}
	// add the Photocode to the Document
	pFrame = document.getElementById('PhotoFrame');
	pFrame.innerHTML = divs;
	// Now Find each item and create a pointer to it.
	var obj;
	for( i = 0; i < aSlides.length; i++ ) {
		obj = document.getElementById( "Photo" + i );
		aSlides[i].obj = obj;
	}
}

function moveIt( finalpos, step ) {
	if((Math.abs(current_position+width)<0.1)&&(step>0)) {
		for( var i = 0; i < 1; i++ ) {
			var firstLeftPos = parseInt( aSlides[0].obj.style.left );
			aSlides.unshift( aSlides.pop() );
			aSlides[0].obj.style.left = firstLeftPos - width;
		}
	}
	
	position += step;
	current_position += step;
	var i;
	for( i = 0; i < aSlides.length; i++ ) {
		aSlides[i].obj.style.left = current_position + ( i * width );
	}

	if((Math.abs(current_position+width)<0.1)&&(step<0)) {
		current_position=0;
		while( parseInt( aSlides[0].obj.style.left ) < 0 ) {
			var leftPos = parseInt( aSlides[0].obj.style.left );
			if ( leftPos < 0 ) {
				var lastLeftPos = parseInt( aSlides[ aSlides.length - 1 ].obj.style.left );
				aSlides.push( aSlides.shift() );
				aSlides[ aSlides.length - 1 ].obj.style.left = lastLeftPos + width;
			}
		}
	}
	
	if((Math.abs(current_position)<0.1)&&(step>0)) {
		current_position=-width;
	}
		
	if (Math.abs(finalpos-position)<0.1) {
		clearInterval( intMovement );
		intMovement = 0;
		position = 0;
	}
}

function prepareMove( step ) {
	if( intMovement > 0 ) {
		return;
	}
	current_position=0;
	if( step > 0 ) { //sliding right
		current_position=-width;
		position -= increment;
	}

	var myIncrement = increment * step;
	var finalpos = position + myIncrement;
	current_step=step*(width/10);
	intMovement = setInterval( 'moveIt(' + finalpos + ', ' + current_step + ' );', 10 );
}

function on( obj, dir ) {
	obj.src = 'images/walk' + dir + 'on.png';
}

function off( obj, dir ) {
	obj.src = 'images/walk' + dir + 'off.png';
}

function showFrame(client) {
	frame=document.getElementById("iframe2");
	if (frame) {
		frame.src=client;
	}
}