var slides= new Array('slide1', 'slide2'); 
var current=1;
var fade_duration=2;
var fade_in=fade_duration+.2;
var ImgNum = 0; 
var numberOfPhotos = 0;

	var ImgLength =  0;
	var delay = 4000;
        var lock = false;
        var run;
	var globalDirection = 1;
function makebig(){
	window.moveTo(0,0);
	window.resizeTo(860,900);
}

function changeImageUserClick(src,stop_show,imgNum){
	if (stop_show){ stop(); }
        if (current == 1){
		var node = document.getElementById('pic2');
		node.src = src;
		Effect.Fade(slides[0], { duration:0, from:1.0, to:0.0 }); 
		Effect.Appear(slides[1], { duration:0, from:0.0, to:1.0 });
	}else{
		if (current==2){
		var node = document.getElementById('pic1');
		node.src = src;
		Effect.Fade(slides[1], { duration:0, from:1.0, to:0.0 }); 
		Effect.Appear(slides[0], { duration:0, from:0.0, to:1.0 });
		node.src = src;
		}
	}
	var previous = eval(ImgNum + 1);
	
	document.getElementById('img'+previous).style.border="1px #FFF solid";
	document.getElementById('img'+eval(imgNum)).style.border="3px #FFF solid";
	ImgNum = imgNum-1;
	
	//Test border cases, advance images, reset border
        if(currentImagePointer == ImgNum){
                nextPhotos();
        }
       if(eval(currentImagePointer+numToDisplay-1) == ImgNum){
               lastPhotos();
	}
										
}

function changeImageUser(src,stop_show){
	if (stop_show){ stop(); }
        if (current == 1){
		var node = document.getElementById('pic2');
		node.src = src;
		Effect.Fade(slides[0], { duration:0, from:1.0, to:0.0 }); 
		Effect.Appear(slides[1], { duration:0, from:0.0, to:1.0 });
	}else{
		if (current==2){
		var node = document.getElementById('pic1');
		node.src = src;
		Effect.Fade(slides[1], { duration:0, from:1.0, to:0.0 }); 
		Effect.Appear(slides[0], { duration:0, from:0.0, to:1.0 });
		node.src = src;
		}
	}
	
}
function changeImage(src,stop_show){
	if (stop_show){ 
		stop(); 
	}
	if (current == 1){ 
		setTimeout('current=2',fade_in*1000);
		var node = document.getElementById('pic2');
		node.src = src;
		Effect.Fade(slides[0], { duration:fade_duration, from:1.0, to:0.0 }); 
		Effect.Appear(slides[1], { duration:fade_in, from:0.0, to:1.0 });
	}else{
		if (current==2){
		setTimeout('current=1',fade_in*1000);
		var node = document.getElementById('pic1');
		node.src = src;
		Effect.Fade(slides[1], { duration:fade_duration, from:1.0, to:0.0 }); 
		Effect.Appear(slides[0], { duration:fade_in, from:0.0, to:1.0 });
		node.src = src;
		}
	}
	
}

function nextPhotos(){	
	if (currentImagePointer > 0){
		Effect.Fade(scrollers[eval( currentImagePointer + numToDisplay ) - 1], { duration:.3, from:1.0, to:0.0,queue: {position:'front', scope: 'scroller'} });
 	       	var node = document.getElementById(scrollers[ eval(currentImagePointer + numToDisplay) - 1  ]);
		Effect.Appear(scrollers[currentImagePointer - 1], { duration:.3, from:0.0, to:1.0, queue:{position:'end', scope: 'scroller'}  });
		currentImagePointer--;
	}
}
function lastPhotos(){
	if ( eval(currentImagePointer+numToDisplay) <  numberOfPhotos  ){
		Effect.Fade(scrollers[currentImagePointer], { duration:.3, from:1.0, to:0.0, queue: {position:'front', scope: 'scroller'} });
       	 	var node = document.getElementById(scrollers[currentImagePointer]);
        	Effect.Appear(scrollers[eval(currentImagePointer+numToDisplay)], { duration:.3, from:0.0, to:1.0, queue: {position:'end', scope: 'scroller'}  });
		currentImagePointer++;
	}
}
        
        function chgImgUser(direction) {
		if (document.images) {
			var previousDir = eval(ImgNum + 1);
			ImgNum = ImgNum + direction;
			var currentImage = eval(ImgNum + 1);
        		if (ImgNum  <  numberOfPhotos  && ImgNum >= 0 ){
			if (ImgNum >= ImgLength) {
				globalDirection=1;

			}
			if (ImgNum <= 0) {
				globalDirection=1;
			}
			changeImageUser(displayArray[ImgNum],false);
			if (direction==1){				
			document.getElementById('img'+previousDir).style.border="1px #FFF solid";
				if (ImgNum > eval( numToDisplay - 1 )){
					lastPhotos();
				}
			}else{ 
			document.getElementById('img'+previousDir).style.border="1px #FFF solid";
				if (ImgNum < eval(numberOfPhotos - numToDisplay) ){
					nextPhotos();
				}
			}
			Effect.Pulsate(scrollers[ImgNum], { duration:.2, from:0.7, queue:{position:'end', scope: 'scroller'}  });
			document.getElementById('img'+currentImage).style.border="3px #FFF solid";
			}else{
			ImgNum = ImgNum - direction;
			}
		}
	}
        function chgImg(direction) {
		if (document.images) {
			var previousDir = eval(ImgNum + 1);     
			ImgNum = ImgNum + direction;
			var currentImage = eval(ImgNum + 1);
			//alert (ImgNum + ' '+ImgLength);
			
			if (ImgNum-1 >= ImgLength) {
				//starting over from 0 now.
                                //reset code
                                ImgNum=0;
				var currentImage = eval(ImgNum + 1);
                        
			//If there are more than 7 images...else just reset back to the start
				
   	                        if (numberOfPhotos > numToDisplay){
				var j = 0;				
				var message = 'blanking: ';
				//alert('Pointer: '+currentImagePointer);	
				for ( j = 0; j < numToDisplay; j++ ){
                                	Effect.Fade( scrollers[eval(currentImagePointer+j) ], { duration:.11, from:1.0, to:0.0, queue: {position:'front', scope: 'scroller'} });
                                	message += ','+eval(currentImagePointer+j);
				}
                               //alert(message); 
			       message = 'appearing: ';
				currentImagePointer=0;
				
				for ( j = 0; j < numToDisplay; j++ ){
					Effect.Appear(scrollers[ eval(currentImagePointer+j) ], { duration:.11, from:0.0, to:1.0, queue: {position:'end', scope: 'scroller'}  });
                                	message += ','+eval(currentImagePointer+j);
				}
				
				}
				//alert('Pointer: '+currentImagePointer);	
                               // alert(message);
				document.getElementById('img'+previousDir).style.border="1px #FFF solid";                           
                                document.getElementById('img'+currentImage).style.border="3px #FFF solid";                          
			 	globalDirection=1;
			}
			if (ImgNum <= 0) {
				globalDirection=1;
			}
			changeImage(displayArray[ImgNum],false);
			if (direction==1){				
				document.getElementById('img'+previousDir).style.border="1px #FFF solid";
				if (ImgNum > eval( numToDisplay - 1 ) ){
					lastPhotos();
				}
			}else{ 
				document.getElementById('img'+previousDir).style.border="1px #FFF solid";
				if (ImgNum < eval( numberOfPhotos - numToDisplay) ){
					nextPhotos();
				}
			}
			Effect.Pulsate(scrollers[ImgNum], { duration:.5, from:0.7, queue:{position:'end', scope: 'scroller'}  });
			document.getElementById('img'+currentImage).style.border="3px #FFF solid";
		}
	}
        function auto() {
		if (lock == true) {
			lock = false;
			window.clearInterval(run);
		}
		else if (lock == false) {
			lock = true;
			run = setInterval("chgImg(globalDirection)", delay);
		}
	}
	function initialize(imgNum, numImages) {
		numberOfPhotos = numImages;
		document.getElementById('img'+imgNum).style.border="3px #FFF solid";
		ImgNum = imgNum - 1;
		ImgLength = displayArray.length - 1;
		var node = document.getElementById('pic1');
		node.src = displayArray[ImgNum];
						
	}
	function stop(){
		lock=false;
		window.clearInterval(run);
	}