/*
	20090323 tomc
*//*
	TITLE PIC NAV SCRIPT
*/
var ssInt = null;

var ssDeactivate = function( slide ){
	slide.setStyle( 'zIndex', 0 );
	slide.tween( 'opacity', 1 );
	slide.removeClass( 'active' );
};

var ssActivate = function( slide ){
	slide.removeClass('n');
	slide.addClass('b');
	slide.setStyle( 'zIndex', 100 );
	slide.fade(1);
	slide.addClass('active');
};

var nextSlide = function( _seek ){
	
	var slides = $$('#navMainLink a.slide');
	slides.transDone = false;
	
	slides.seek = _seek;
	
	slides.each( function( slide, index, slides){
		if( slides.transDone ) return;
		if( slide.hasClass('active') ){
			
			var next = slides[0];
			
			if( $defined(slides.seek) )
				next = slides[ slides.seek ];
			else if( index < slides.length - 1 )
				next = slides[index+1];
			
			ssDeactivate( slide );
			ssActivate( next );
			
			slides.transDone = true;
		}
	});
};

var ssSeek = function( _i ){
	$clear( ssInt );
	nextSlide( _i );
};

var ssResume = function( _i ){
	ssInt = nextSlide.periodical(5000);
}

/*
	ENTRY
*/
window.addEvent( 'domready', function(){
	
	/*
		RESET STYLES OF SLIDE ELEMENTS
	*/
	$$('#navMainLink a.slide').each(function( slide, _i, _v ){
		if( !slide.hasClass('active') )
			slide.setStyles({
				zIndex:0,
				opacity:0
			});
		slide.removeClass('h');
	});
	
	/*
		START THE SLIDE SHOW
	*/
	ssResume();
	
	/*
		FADE EFFECT FOR LINKS BELOW SLIDE SHOW
	*/
	$('titleNavMenu').setStyle('background-image', 'url(grx/titlenav-over.gif)' );	// reset bg of menu to active state //
	$$( '#titleNavMenu ul li' ).each(function( li, _i, _v ){
			
			var bgDiv = new Element( 'div', {
				styles:{
					position:'absolute',
					zIndex	:100,
					top		:0,
					left	:li.getPosition( $('titleNavMenu') ).x + 'px',
					width	:li.getSize().x +'px',
					height	:li.getSize().y +'px',
					overflow:'hidden',
					backgroundImage: 'url(grx/titlenav-idle.gif)',
					backgroundPosition: 'center top'
				}
			});
			if( li.hasClass('first') )	bgDiv.setStyle('backgroundPosition','left');
			if( li.hasClass('last') )	bgDiv.setStyle('backgroundPosition','right');			
			bgDiv.inject( $('titleNavMenu'), 'bottom' );
			
			var a = li.getElements('a')[0];
			a.bgEl = bgDiv;
			a.addEvents({
				mouseover:function(){	this.bgEl.fade(0);	},
				mouseout:function(){ this.bgEl.fade(1); }
			});
	});
	
	
	/*
		ROLL OVER <A> SEEK SLIDE 
	*/
	$$( '#titleNavMenu ul li a' ).each(function( a, _i, _v ){
		a.slideIndex = _i;
		a.addEvents({
			mouseenter:function(e){ ssSeek(this.slideIndex); },
			mouseleave:function(e){ ssResume(); }
		});
	});
	
	
	
	
});