$(document).ready(function(){
	$('.slideshow ul.items li').fadeOut();
	showNext(0);
	//nextPrevButtons(0);
	createNavigation();
	
	ineterval = setInterval(startSlideShow, 12000);
	
	$('div.slideshow ul.nextprev li').hover(function(){
		$(this).css({backgroundPosition: "0 0"});
	}, function(){
		$(this).css({backgroundPosition: "55px 0"});
	});
	
	$('div.slideshow ul.nextprev li.next').click(function(e){
		var size = $('.slideshow ul.items li').size()-1;
		var visibleSlide = $('.slideshow ul.items li').filter(':visible').get(0);
		var index = $('.slideshow ul.items li').index(visibleSlide);
		if(index == size)
			hideCurrent(index, 0);
		else
			hideCurrent(index, index+1);												
	});
	$('div.slideshow ul.nextprev li.prev').click(function(e){
		var size = $('.slideshow ul.items li').size()-1;
		var visibleSlide = $('.slideshow ul.items li').filter(':visible').get(0);
		var index = $('.slideshow ul.items li').index(visibleSlide);
		if(index == 0)
			hideCurrent(index, size);												
		else
			hideCurrent(index, index-1);
	});

});

function startSlideShow(){
	
	var visibleSlide = $('.slideshow ul.items li').filter(':visible').get(0);
	var index = $('.slideshow ul.items li').index(visibleSlide);
	
	if($(visibleSlide).next().size())
		hideCurrent(index, index+1);
	else
		hideCurrent(index, 0);
}
function showNext(index)
{
	var $slide = $('ul.items li').eq(index);
	$slide.fadeIn(700);
	$('.slideshow ul.pager li').eq(index).addClass('sel');
}
function hideCurrent(index, showIndex)
{
	var $slide = $('ul.items li').eq(index);
	$slide.fadeOut(700, function(){
		$('.slideshow ul.pager li').eq(index).removeClass('sel');										
		showNext(showIndex);
	});
}

function createNavigation(){
	var size = $('.slideshow ul.items li').size();
	var li = ''
	for(var i=0; i<size; i++){
		if(i==0)
			li += '<li class="sel">&nbsp;</li>';
		else
			li += '<li>&nbsp;</li>';
	}
	$('.slideshow').append('<ul class="pager">' + li + '</ul>');
}