var delayTime = 5000;
var autoPlay = true;
var workPos = 0;
var currentWorkPos = 0;
var speed = 500;
var slider, slide, slides, numSlides, widthSlides, numSlidesPerView=1, hasMultipleSliders=false;

window.log = function () {
	log.history = log.history || [];
	log.history.push(arguments);
	if (this.console) {
		console.log(Array.prototype.slice.call(arguments));
	}
};

window.addEvent('domready', function(){
	
	registerHomeSlider();
	
	if( $('home_connect_clients_widget') != undefined ) {
	
		var ct = 0;
		$$('.home_connect_clients_widget_item').each( function( el ) {							
			obj = this;
			el.addEvent('mouseenter', function(event, ct){
				x = '-' + ( 141 * (ct%4) ) + 'px';
				
				if( ct < 4 )
					y = '-309px';
				else if( ct < 8 )
					y = '-406px';
				else
					y = '-503px';
					
				 this.setStyle( 'background', 'url(/site.thinkmotive.com/images/clients_widget_inner.jpg) no-repeat '+x+' '+y );
				 
			}.bindWithEvent( el, ct ));
			el.addEvent('mouseleave', function(event){
				this.setStyle( 'background', 'none 0 0' );
			});
			ct++;
		});
		
		$('home_connect_clients_widget').store( 'state', 'on' );
		$('home_connect_clients_widget').addEvent('click', function(event){
			if( $('home_connect_clients_widget').retrieve( 'state' ) == 'on' ) {
				opacity = '0';
				height = '0';
				state = 'off';
			}
			else {
				opacity = '1';
				height = '289px';
				state = 'on';
			}
			
			$('home_connect_clients_widget_outer').set('tween', {/*duration: speed,*/ onComplete: function(){
				$( 'client_widget_dots' ).setStyle( 'opacity', opacity );
				$('home_connect_clients_widget').removeClass( 'home_connect_clients_widget_off' ).removeClass( 'home_connect_clients_widget_on' ).addClass( 'home_connect_clients_widget_'+state );
			}});
			$('home_connect_clients_widget_outer').tween( 'height', height );
			$('home_connect_clients_widget').store( 'state', state );
			return false;
		});
	}
});



function registerHomeSlider() {
	
	if( $('home_slide') != undefined ) {
		
		delayTime 			= 6000;
		speed 				= 1000;
		slider 				= $('home_slide');
		slide 				= slider.getChildren( 'ul' )[0];
		slides 				= slide.getChildren( 'li' );
		numSlides 			= slides.length;
		widthSlide 			= CS.util.parseNumber( slides[0].getStyle( 'width' ) );
		numSlidesPerView 	= 1;
		
		slide.setStyle( 'left', '0' );
		nextWork.delay( delayTime );
	}
}


function nextWork( type ) {
	
	
	if( autoPlay ) {
		if( type == undefined ) {
			slideLocal 		= slide;
			currentWorkPos 	= workPos;	
			workPos++;
		}
		else {
			slideLocal = sliderTypes[type].slide;
			currentWorkPos = sliderTypes[type].currentWorkPos =  sliderTypes[type].workPos;	
			workPos = ++sliderTypes[type].workPos;
			numSlides = sliderTypes[type].numSlides;
		}
		
		if( workPos+numSlidesPerView-1 >= numSlides ) {
			workPos = 0;
		
			if( hasMultipleSliders && sliderTypes[type] != undefined )
				sliderTypes[type].workPos = 0;
		}
			
		setThumbs( currentWorkPos, workPos );			
		showWork( currentWorkPos, workPos, slideLocal, type );
	}
}


function setThumbs( i, next ) {
	
	if( $defined( $('home_slide_dot_' + i) ) ) {
		$('home_slide_dot_' + i).removeClass('home_slide_dot_on');
		$('home_slide_dot_' + next).addClass('home_slide_dot_on');
	}
}


function showWork( i, next, slideLocal, type ) {

	log( 'showWork:'+ i );
	
	if( slideLocal == undefined )
		slideLocal = slide;
	
	slideLocal.set('tween', {duration: speed, onComplete: function(){
			
			if( $('home_slide_controller_page') != undefined )
				$('home_slide_controller_page').set( 'html', (next+1).toString() + '/' + numSlides );
			
			slideLocal.set('tween', {onComplete: null});
			nextWork.delay( delayTime, this, type );
		}
	});
	slideLocal.tween( 'left', '-' + (next * widthSlide) + 'px' );
}	

function showWorkClick( i ) {
	
	autoPlay = false;
	setThumbs( workPos, i );	
	showWork( workPos, i );
	workPos = i;
}


function showWorkPrev( evt, type ) {
	
	autoPlay 		= false;
	
	if( type == undefined ) {
		slideLocal 		= slide;
		currentWorkPos 	= workPos;	
		workPos--;
	}
	else {
		slideLocal = sliderTypes[type].slide;
		currentWorkPos = sliderTypes[type].currentWorkPos =  sliderTypes[type].workPos;	
		workPos = --sliderTypes[type].workPos;
		numSlides = sliderTypes[type].numSlides;
	}
	
	if( workPos < 0 ) {
		workPos = numSlides-numSlidesPerView;
		
		if( hasMultipleSliders )
			sliderTypes[type].workPos = numSlides-numSlidesPerView;
	}
		
	setThumbs( currentWorkPos, workPos );			
	showWork( currentWorkPos, workPos, slideLocal, type );
}


function showWorkNext( evt, type ) {
	
	autoPlay 		= false;	
	
	if( type == undefined ) {
		slideLocal 		= slide;
		currentWorkPos 	= workPos;	
		workPos++;
	}
	else {
		slideLocal = sliderTypes[type].slide;
		currentWorkPos = sliderTypes[type].currentWorkPos =  sliderTypes[type].workPos;	
		workPos = ++sliderTypes[type].workPos;
		numSlides = sliderTypes[type].numSlides;
	}
	
	if( workPos+numSlidesPerView-1 >= numSlides ) {
		workPos = 0;
		
		if( hasMultipleSliders )
			sliderTypes[type].workPos = 0;
	}
	
	setThumbs( currentWorkPos, workPos );			
	showWork( currentWorkPos, workPos, slideLocal, type );
}

function moveClientWidget( pos ) {
	if( pos == 1 ) {
		left = '0';
		$('client_widget_dot_1').removeClass( 'client_widget_dot_off' ).addClass( 'client_widget_dot_on' );
		$('client_widget_dot_2').removeClass( 'client_widget_dot_on' ).addClass( 'client_widget_dot_off' );
	}
	else {
		left = '-283px';
		$('client_widget_dot_1').removeClass( 'client_widget_dot_on' ).addClass( 'client_widget_dot_off' );
		$('client_widget_dot_2').removeClass( 'client_widget_dot_off' ).addClass( 'client_widget_dot_on' );
	}
	
	$('home_connect_clients_widget_inner').tween( 'left', left );
}