var _slide_delay = 4000;
var _slide_speed = 1000;
var _slideTimout = null;
$(document).ready(function(){
	$div = $('.slider');
	
	var btn_template = '';//$('#slideBtns').html();
	$('#slideBtns').empty();
	
	$images = $('.slider img');
	var images_count = $images.length;
	$images.each(function(){
		$this = $(this);
		$this.hide().css('position', 'absolute');
		var index = $this.index();
		$btn = $(btn_template.replace('{num}', '  '));
		$btn.click(function(){
			slide_to(index);
			return false;
		});
		if(images_count > 1)
			$('#slideBtns').append($btn);
	});

	if(images_count > 1) // next & prev btns
	{
		//play button
		$btn = $(btn_template.replace('{num}', '‣'));
		$btn.click(function(){
			$(this).hide();
			$('#slideBtns .pause').show();
			_slideTimout = setTimeout('slide_to();', _slide_delay/2);
			return false;
		});
		$btn.addClass('play').hide();
		$('#slideBtns').append($btn);
		
		// pause button
		$btn = $(btn_template.replace('{num}', '||'));
		$btn.click(function(){
			$(this).hide();
			$('#slideBtns .play').show();
			clearTimeout(_slideTimout);
			_slideTimout = null;
			return false;
		});
		$btn.addClass('pause');
		$('#slideBtns').append($btn);
		
		// next button
		$btn = $(btn_template.replace('{num}', '>'));
		$btn.click(function(){
			slide_to();
			return false;
		});
		$btn.removeClass().addClass('noBorder');
		$('#slideBtns').append($btn);
		// prev button
		$btn = $(btn_template.replace('{num}', '<'));
		$btn.click(function(){
			slide_to(-1);
			return false;
		});
		$btn.removeClass().addClass('noBorder');
		$('#slideBtns').prepend($btn);
	}

	slide_to();
});

function slide_to(index)
{
	clearTimeout(_slideTimout);
	$curr = $('.slider img.currImg');
	var curr_index = ($curr.length == 0) ? -1 : $curr.index();
	var images_count = $('.slider img').length;
	if(index == null) //next
		index = curr_index + 1 
	else if(index == -1)  //prev
		index = curr_index - 1;
	if(index < 0)
		index += images_count;
	index %= images_count;
	
	if(index == curr_index)
		return;
	if(curr_index >= 0)
	{
		$curr.removeClass('currImg').fadeOut(_slide_speed);
		$('#slideBtns a:eq('+(curr_index+1)+')').parent().removeClass('curr');
	}
	$('.slider img:eq('+index+')').addClass('currImg').fadeIn(_slide_speed);
	$('#slideBtns a:eq('+(index+1)+')').parent().addClass('curr');
	_slideTimout = setTimeout('slide_to();', _slide_delay + _slide_speed);
}