window.addEvent('domready', init);

var total=6;
var count=1;
var myEffects;
var busy=false;
var imagePath='images/gallery/';
var captions = new Array('Store Exterior','Setting up to paint','Painting is Underway!','Shiny New Flooring!','Paiting Complete!','Time to Cleanup');


function init(){
	$('g_Larrow').addEvent('click',leftClick);
	$('g_Rarrow').addEvent('click',rightClick);
	
	//Preload images
	for(i=1;i<=total;i++){
    simplePreload(imagePath+i+'.jpg')
	}
}

function rightClick(){
	if(!busy){
		if(count<total){
			count++
		}else{
			count=1;
		}
		myEffects = $('h_image').effects({duration: 500,onComplete:fadeOutComplete});
		myEffects.start({'opacity': 0});
		
		page(count)
		busy=true;
	}
}

function leftClick(){
	if(!busy){
		if(count>1){
			count--
		}else{
			count=6;
		}
		myEffects = $('h_image').effects({duration: 500, onComplete:fadeOutComplete});
		myEffects.start({'opacity': 0});
		page(count)
		busy=true;
	}
}

function page(which){
	$('h_caption').innerHTML=captions[which-1];
	$('h_paging').innerHTML=which+' of 6';
	
}

function fadeOutComplete(){
	myEffects = $('h_image').effects({duration: 500,onComplete:finalFadeComplete});
	myEffects.start({'opacity': 1});
	$('h_image').innerHTML='<img src="'+imagePath+count+'.jpg" />';
	
}

function finalFadeComplete(){
	busy=false;	
	
}

function simplePreload(){ 
	var args = simplePreload.arguments;
	document.imageArray = new Array(args.length);
	
	for(var i=0; i<args.length; i++){
		document.imageArray[i] = new Image;
		document.imageArray[i].src = args[i];
	}

}