var sliderTimeOut = '';

$(document).ready(function(){	
	jQuery('#referanslarimiz').jcarousel();

	var slider = $('#slider');
	var sliderSize = slider.find('li').size();
	
	var numarator = $('#numarator');
	
	for(var i = 0; i < sliderSize; i++)
	{
		if(i == 0)
			numarator.find('ul').append('<li class="active">' + i + '</li>');
		else
			numarator.find('ul').append('<li>' + i + '</li>');
	}
	
	numarator.find('li').click(function(){
		var index = $(this).index();
		numarator.find('li').removeClass('active');
		$(this).addClass('active');
		slider.find('li').fadeOut(500).eq(index).fadeIn(1000);
		clearInterval(sliderTimeOut);
	});
	
	var accordion = $('#accordion');
	accordion.find('li:first').addClass('active');
	
	accordion.find('li').click(function(){
		var currentClass = $(this).attr('class');
		
		if(currentClass == 'active')
			return;
			
		accordion.find('li').animate({ 'width':'44px' }, 500).removeClass('active');
		$(this).animate({ 'width':'262px' }, 100).addClass('active');
	});
	
	sliderTimeOut = setInterval('bannerSlider()', 3000);
});

function bannerSlider(){
	var slider = $('#slider');
	var numarator = $('#numarator');
	
	var sliderIndex = slider.find('li:visible').next().index();
	
	if(sliderIndex == -1)
		sliderIndex = 0;
	
	slider.find('li').fadeOut(500).eq(sliderIndex).fadeIn(1000);
	
	numarator.find('li').removeClass('active').eq(sliderIndex).addClass('active');
}