window.addEvent('domready', init);

var total=8;
var count=1;
var myEffects;
var busy=false;
var captions = new Array('Our Headquarters','Our Exterior Front','Our Control Room','Our Classroom','Our Meetingroom','Our Elevator','Our Reception Area','Our Exterior at Dusk');

function init(){
try{
    $('g_Larrow').addEvent('click',leftClick);
    $('g_Rarrow').addEvent('click',rightClick);
	}catch(e){
	//
	}
}

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=8;
		}
		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 8';
	
}

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

function finalFadeComplete(){
	busy=false;	
	
}