// JavaScript Document
	$(document).ready(function() {
		
	var selectedFeatIdx = 0;
			var isTransitioning = false;
			var auto = true;
			
			var features = $('.selectedFeat, .feat');
			var images = $('.hidden');
			var i=0;
			features.each(function() {
				$('.navigation').prepend('<li>'+$('.hidden_'+i).html()+'</li>');
				i++;
			});
			$('.navigation a:first').addClass('selected');
			
			function updateSelectedFeature() {
				isTransitioning = true;
				$('.navigation .selected').removeClass('selected');
				$('.navigation a:eq(' + selectedFeatIdx + ')').addClass('selected');
				
				$('.selectedFeat').fadeOut("slow", function() {
					$(this).removeClass('selectedFeat');
					$(this).css('display','');
					$(this).addClass('feat');
					$(features[selectedFeatIdx]).fadeIn("slow", function() {
						$(this).removeClass('feat');
						$(this).addClass('selectedFeat');
						isTransitioning = false;
					});
				});
			}
			
			$('.navigation a').click(function() {
				auto=false;
				for(var i = 0; i < $('.navigation a').length ; i++) {
					if(this == $('.navigation a')[i]) {
						selectedFeatIdx = i;
						updateSelectedFeature();
						break;
					}
				}
			});
			
			$('#rightArrow').click(function() {
				auto=false;
				if(selectedFeatIdx < features.length-1 && !isTransitioning) {
					selectedFeatIdx++;
					updateSelectedFeature();
				}
			});
			
			$('#leftArrow').click(function() {
				auto=false;
				if(selectedFeatIdx != 0 && !isTransitioning) {
					selectedFeatIdx--;
					updateSelectedFeature();
				}
			});
			
			$('#rightArrow').everyTime(5000, function() {
				if(auto!=false){
					if(selectedFeatIdx < features.length-1 && !isTransitioning) {
						selectedFeatIdx++;
						updateSelectedFeature();
					}
					else{
						selectedFeatIdx=0;
						updateSelectedFeature();
					}
				}
			}); 
			
			$('#panel_bottom').css({'cursor':'pointer'});
			$('#panel_bottom').bind('click', function(e){
				var pos = $(this).offset();
				if((e.pageX-pos.left)>345){
					window.location.href = '/coupe-du-monde-2010/';
				}
			});
		});

