//jQuery.noConflict(); 

jQuery(document).ready(function() {
	   
	//When page loads...
	jQuery(".page-template-equipe-php .aside-content div").hide(); //Hide all 
	jQuery(".page-template-equipe-php .aside-content div:first").show(); //Show first tab content

	//On Click Event
	jQuery("#the-team li").click(function() {

		jQuery("#the-team li a").removeClass("active"); //Remove any "active" class
		jQuery(this).children("a").addClass("active"); //Add "active" class to selected 
		jQuery(".aside-content div").hide(); //Hide all tab content

		var activeTab = jQuery(this).find("a").attr("href"); //Find the href attribute value to active content
		jQuery(activeTab).fadeIn();
		return false;
	});
	
	jQuery("#productions-by-year").accordion({
		autoHeight: false
	});

	if (jQuery('#s3slider').length > 0) {
		jQuery('#s3slider').s3Slider({ 
			timeOut: 3000 
		});
	}
	
	jQuery('div.sliderGallery').each(function () {
		var ul = jQuery('ul', this);
		var productWidth = ul.innerWidth() - jQuery(this).outerWidth();

		jQuery('.slider', this).slider({
			min: 0,
			max: productWidth,
			handle: '.handle',
			stop: function (event, ui) {
				ul.animate({'left' : ui.value * -1}, 500);
			},
			slide: function (event, ui) {
				ul.css('left', ui.value * -1);
				//ul.css('width', 700 + ui.value * -5);
			}
		});
	});
	
	jQuery('div.sliderGalleryArrow').click( function() {
		var ul = jQuery('ul', jQuery('div.sliderGallery'));
		var handle = jQuery('.slider a', jQuery('div.sliderGallery'));
		var productWidth = ul.innerWidth() - jQuery(this).outerWidth();
		var left = jQuery('#left-arrow');
		var right = jQuery('#right-arrow');
		
		var ulPos = ul.position();
		var ulPosLeft = ulPos.left;
		
		var deltaPos = 100;
		var animTime = 500;
		
		if(this == left[0] )
		{
			/*if(ulPosLeft + deltaPos < 0)
				ul.animate({'left' : '+='+deltaPos}, animTime, 'easeOutQuart' );
			else*/
				ul.animate({'left' : '0'}, animTime, 'easeOutQuart' );
				handle.animate({'left' : '0'}, animTime, 'easeOutQuart' );
		}
		else
		{	
			/*if(ulPosLeft - deltaPos > -(productWidth - 600))
				ul.animate({'left' : '-='+deltaPos}, animTime, 'easeOutQuart' );
			else*/
				ul.animate({'left' : -(productWidth - 600)}, animTime, 'easeOutQuart' );
				handle.animate({'left' : '100%'}, animTime, 'easeOutQuart' );
		}
	});
	
	jQuery('ul#teamList li').click( function() {
	
		var ul = jQuery('ul', jQuery('div.sliderGallery'));
		var handle = jQuery('.slider a', jQuery('div.sliderGallery'));
		var productWidth = ul.innerWidth() - jQuery('div.sliderGalleryArrow').outerWidth();
		var iiiddd = jQuery(this).attr('teamId');
		var animTime = 500;
	
		jQuery("#the-team li a").removeClass("active"); //Remove any "active" class
		jQuery("#the-team li a").each( function(index) {
			if( jQuery(this).attr('href') == "#"+iiiddd )
			{
				jQuery(this).addClass("active"); //Add "active" class to selected 
				if( index < 3)
				{
					ul.animate({'left' : '0'}, animTime, 'easeOutQuart' );
					handle.animate({'left' : '0'}, animTime, 'easeOutQuart' );
				}
				if(index > 2)
				{
					ul.animate({'left' : -(productWidth - 600)}, animTime, 'easeOutQuart' );
					handle.animate({'left' : '100%'}, animTime, 'easeOutQuart' );
				}
			}
		});
		
		jQuery(".aside-content div").hide(); //Hide all tab content
	
		var activeTab = '';
		
		jQuery(".aside-content div").each( function(index) {
			if( jQuery(this).attr('id') == iiiddd)
				activeTab = this;
		});
		
		jQuery(activeTab).fadeIn();
		return false;
	
	});
});