var isAnimating = false;
var interval = null;
var slideTime = 1000;
$(document).ready(function(){
	$('.slide div.featureImage').hide();
	slideIn(0);
	createNavigation();
	
	ineterval = setInterval(startSlideShow, slideTime);
});	
function startSlideShow(){
	var featureImage = $('.slide div.featureImage').filter(':visible').get(0);
	var index = $('.slide div.featureImage').index(featureImage);
	slideOut(index);
}
function stopSlideShow(){
	clearInterval(interval);
}
function slideIn(index){
	
	var $slide = $('.slide').eq(index);
	var $featureImage = $slide.children('div.featureImage');
	
	$slide.children('div.featureText').show();
	$slide.children('div.symbol').show();
	$featureImage.fadeIn(1000,function(){
		$('ul.navigation li').eq(index).addClass('selected');
		$slide.children('div.featureText').animate({
			top: '297px'
		},400,function(){
			$slide.children('div.symbol').animate({
				left: '20px'
			},400, function(){
				isAnimating = false; 				
			});
		});
	});
}

function slideOut(index, indexToShow){
	var $slide = $('.slide').eq(index);
	var $featureImage = $slide.children('div.featureImage');
	
	if(!isAnimating){
		$('ul.navigation li').eq(index).removeClass('selected');
		isAnimating = true;
		$featureImage.fadeOut(1000, function(){
			$slide.children('div.featureText').css({top: '402px'});
			$slide.children('div.symbol').css({left: '-280px'});
			if(indexToShow){
				slideIn(indexToShow);
				ineterval = setInterval(startSlideShow, slideTime);
			}
			else{
				if($slide.next('div.slide').size()){					
					slideIn(index+1);
				}
				else{
					slideIn(0);
				}			
			}
		});		
		$slide.children('div.featureText').fadeOut(700);
		$slide.children('div.symbol').fadeOut(700);	
	}
}	

function createNavigation(){
	var size = $('.slide').size();
	var li = ''
	for(var i=0; i<size; i++){
		var slide = $('.slide').eq(i);
		li += '<li onclick="navigationControl(' + i + ');">' + i + '<\/li>';
	}
	$('ul.navigation').html(li);
}
function navigationControl(indexToShow){
	stopSlideShow();
	var $featureImage = $('.slide div.featureImage').filter(':visible').get(0);
	var index = $('.slide div.featureImage').index($featureImage);
	slideOut(index, indexToShow);		
}