/**** gallery ****/
var fader_delay			= 6;
var fader_images 		= false;
var fader_ready			= false;

var fader_anim			= false;
var text_anim			= false;

var fader_index			= -1;
var fader_cid	 		= 2;

function init_gallery() {
	if( $$('.gallery-cnt').length == 0 )
		return false;
	
	new Ajax.Request('/staticfiles/front_page_feature/images.json.php?cid=' + fader_cid, { 
		method: 'get', 
		onSuccess: function(o) {

			i 				= 0;			
			fader_images 	= o.responseText.evalJSON(true);
			fader_ready 	= true;
			
			for(x = 0; x < fader_images.length; x++) {
				a = new Element('a', {
					href: '#',
					'indx': x
				}).update(x + 1);
				
				$('gallery-controls').appendChild(a);
				
				if( !x )
					a.addClassName('current');
			}			
			
			gallery_fader();
		} 
	}); 
	
	new PeriodicalExecuter(function(pe) {
		gallery_fader();
	}, fader_delay);
	
	Event.observe('gallery-controls', 'click', function(event) {
		event.stop();
		
		elt = Event.findElement(event, 'a');
		
		if( !elt )
			return;
		
		i = parseInt(elt.getAttribute('indx'));

		fader_anim.cancel();
		
		/* cancel the load */
		$$('#gallery-fader img').invoke('stopObserving');
		
		/* mark the current image as old */
		$$('#gallery-fader img').invoke('removeClassName', 'current');
		
		/* set the fader to ready */
		fader_ready = true;
		
		/* pull the next image */
		gallery_fader(i);
	});	
}

function gallery_fader(i) {
	if( !fader_ready )
		return false;
	
	$$('#gallery-fader img').invoke('removeClassName', 'current');
	
	fader_index = !i ? (fader_index + 1) % fader_images.length : i;

	img = new Element('img', { 
		src: fader_images[fader_index].img + '?' + ut(), 
		style: 'display: none;', 
		className: 'current' 
	});
	
	fader_ready = false;
	
	update_controls();
	
	Event.observe(img, 'load', function(event) {
		elt = Event.element(event);
		
		elt.setOpacity(0);
		elt.setStyle({
			display: ''
		});
		
		slide_gallery_text();
		
		fader_anim = new Effect.Opacity(elt, { 
			from: 0.0, 
			to: 1.0,
			duration: 1.0,
			afterFinish: function() {				
				$$('#gallery-fader img').each(function(elt) {
					if( !elt.hasClassName('current') )
						elt.remove();
				});
				
				fader_ready = true;
			}
		});
	});
	
	$('gallery-fader').appendChild(img);
}

function update_controls() {
	$$('#gallery-controls a').invoke('removeClassName', 'current');
	
	cur_a = $$('#gallery-controls a[indx=' + fader_index + ']').first();
	cur_a.addClassName('current');
	pos_a = cur_a.positionedOffset();
	
	fob = $('gallery-fob');
	
	if( !fob ) {
		fob = new Element('div', { id: 'gallery-fob' });
		$('gallery-controls').appendChild(fob);
	}
	
	fob.setStyle({ 
		display: 'block',
		top: '0px'
	});
	
	/*
	fob.clonePosition(cur_a, {
		setWidth: false,
		setHeight: false,
		offsetTop: 2
	});
	*/
	
	new Effect.Morph('gallery-fob', {			
		style: 'left: ' + pos_a.left + 'px;',
		queue: { scope: 'gallery-fob', position: 'end' },		
		transition: Effect.Transitions.sinoidal,		
		duration: 0.5
	});		
}

function slide_gallery_text() {
	new Effect.Morph('gallery-text', {
		style: 'text-indent: -800px',
		queue: { scope: 'gallery-text', position: 'front' },
		transition: Effect.Transitions.sinoidal,
		duration: 0.5,
		
		afterFinish: function() {
			$('gallery-text').innerHTML = fader_images[fader_index].dscr;
			$('gallery-text').setStyle({
				
			});		
		}
	});	
	
	new Effect.Morph('gallery-text', {			
		style: 'text-indent: 0px',
		queue: { scope: 'gallery-text', position: 'end' },		
		transition: Effect.Transitions.sinoidal,		
		duration: 0.5
	});	
}