// ActionScript Document

$(document).ready( function(){
							
	var current = 0;
	var slides = $('div.slide');
	var totalSlide = slides.length;
	var width = 1000; 
	
	$('.slide').wrapAll('<div class="sliderContainer"></div>');
	$('.slide').css({position:'absolute', left:'0px', width:width+'px'});
	//('.sliderContainer').css('width', 1000*totalSlide + 'px'); for left right slide
	$('.sliderContainer div:first').addClass('show');
	$('.dots span:first').addClass('black');
	
	
	/* set opacity*/
	$('.sliderContainer div').css({opacity:0});
	$('.sliderContainer div:first').css({opacity:1});
	
	var int = setInterval('autoSlide()', 10000);
	
	$('.leftAero').click( function(){
	//	clearInterval(int);
	var current = $('.sliderContainer .show') ? $('.sliderContainer .show') : $('.sliderContainer div:first');	
	var next = current.prev().length ?  current.prev() :  $('.sliderContainer div:last');	 	
	current.animate({opacity:0}, 1000);
	current.removeClass('show');	
	next.addClass('show');
	next.animate({opacity:1}, 1000);	
	
	var dotCurrent = $('.dots span.black');
	var dotNext = dotCurrent.prev().length ?  dotCurrent.prev() :  $('.dots span:last');	
	dotCurrent.removeClass('black');		
	dotNext.addClass('black');		
	
	})
	
	$('.rightAero').click( function(){
		//clearInterval(int);
		autoSlide();
	
	})
	
	
})

function autoSlide()
	{	
	var current = $('.sliderContainer .show') ? $('.sliderContainer .show') : $('.sliderContainer div:first');	
	var next = current.next().length ?  current.next() :  $('.sliderContainer div:first');	 	
	current.animate({opacity:0}, 1000);
	current.removeClass('show');	
	next.addClass('show');
	next.animate({opacity:1}, 1000);	
	var dotCurrent = $('.dots span.black');
	var dotNext = dotCurrent.next().length ?  dotCurrent.next() :  $('.dots span:first');	
	dotCurrent.removeClass('black');		
	dotNext.addClass('black');		
	}