// ActionScript Document
var times;

$(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');
	$('.slideInfo span:first').addClass('black');
	
	
	/* set opacity*/
	$('.bannerSlidetext').css({opacity:0});
	$('.sliderContainer div').css({opacity:0});
	$('.sliderContainer div:first').css({opacity:1});
	var infotext =  $('.sliderContainer .show').find('.bannerSlidetext').html();
	$('.slideInfo').find('.bannerSlidetextNew').html(infotext)
	
	
	 times = setInterval('autoSlide()', 6000);
	
	
	
	$('.white').click( function(){
		clearInterval(times);		
		$('#dots span').removeClass('black');
		$(this).addClass('black');
		var x = $(this).prevAll('span.white').length;			
		$('.sliderContainer').find('.slide').animate({opacity:0}, 1000);
		$('.sliderContainer').find('.slide').removeClass('show');
		$('.sliderContainer').find('.slide').eq(x).addClass('show');
		//$('.sliderContainer').find('.show').prev('.slide').animate({opacity:1}, 0);		
		$('.sliderContainer').find('.slide').eq(x).animate({opacity:1}, 1000);
		var infotext =  $('.sliderContainer .show').find('.bannerSlidetext').html();
		
		$('.slideInfo').find('.bannerSlidetextNew').html(infotext)
		
		// times = setInterval('autoSlide()', 6000);
	
	})
	
	
})

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 = $('.slideInfo span.black');
	var dotNext = dotCurrent.next().length ?  dotCurrent.next() :  $('.slideInfo span:first');	
	dotCurrent.removeClass('black');		
	dotNext.addClass('black');	
	var infotext =  $('.sliderContainer .show').find('.bannerSlidetext').html();

	$('.slideInfo').find('.bannerSlidetextNew').html(infotext)
	}