$(document).ready(function(){
	var images = new Array();
	var delay = 3000;
	var a;
	
	$('#sliderContent').find('.sliderImage').find('a').each(function(index, element) {
		images[index] = element;
		$(images[index]).animate({opacity:0,'zIndex':0},0);
	});
	a=images.length;
	var current_image = 0;
	$(images[0]).animate({opacity:1},0);
	timeoutID = window.setTimeout(nxt, delay)
	function nxt()
	{
			$(images[current_image++]).stop().animate({opacity:0},500,'',function(){$(this).css({'zIndex':0})});
			if(current_image == a){current_image=0;}
			$(images[current_image]).stop().css({'display':'block','zIndex':10}).animate({opacity:1},500);
		  	window.clearTimeout(timeoutID);  
			timeoutID = window.setTimeout(nxt, delay)
	}
	function pre()
	{
			$(images[current_image--]).stop().animate({opacity:0},500);
			if(current_image == -1){current_image=a-1;}
			$(images[Math.abs(current_image%images.length)]).stop().animate({opacity:1},500);
		  	window.clearTimeout(timeoutID);  
			timeoutID = window.setTimeout(nxt, delay)
	}
	
/*	$('.sli').find('.btn_lft').find('.eff_area').click(
	function(){pre();})
	$('.sli').find('.btn_right').find('.eff_area').click(
	function(){nxt();})*/ 
});