$(document).ready(function() {
	if($("#lev_slider")){
		initLevSlider();
	}
});

function initLevSlider() {
	var element = $("#lev_slider").find("li");
	var wid = element.width();
	var heig = element.height();
	var banLenght = element.length;
	var flag = 0;
	var timer;
	var preBanner = 0;
	var actBanner = 0;
	var interval = 5000;
	var navTop = 21;
	
	$(".sliderBlock").prepend('<div id="l_s_nav"></div>');
	
	element.each(function (i) {
		$(this).attr('id', 'banner'+i);
		$("#l_s_nav").prepend('<a id="' + i + '_img"></a>');	
	});
	
	element.css('opacity','0');
	
	showBanner();
		
	function showBanner(){
		clearTimeout(timer);
		$('#banner'+preBanner).animate({
			opacity: 0
		}, 500, function(){
			$('#banner'+actBanner).animate({
				opacity: 1
			}, 500 );
			 
			$(element).css("z-index","10");
			$('#banner'+actBanner).css("z-index","100");
			$(element).css("display","none");
			$('#banner'+actBanner).css("display","block");
			
			$("#l_s_nav").find('a').removeClass();
			$('#'+actBanner+'_img').addClass("active");
			 
		});

		if (actBanner < (banLenght-1)){
				if(flag == 0){
					actBanner = actBanner;
					flag = 1;
				}else {
					actBanner = actBanner + 1;
				}
				preBanner = actBanner;
			}else {
				actBanner = 0;
				preBanner = 0;
			}
		
		timer = setTimeout(function() {
			showBanner();
		}, interval); 
		
	}
	
	$("#l_s_nav").find('a').click(function(){
		clearTimeout(timer);		
		preBanner = actBanner;
		banNum = $(this).attr("id");
		banNum = banNum.substring(0, banNum.indexOf("_img"));
		actBanner = parseInt(banNum)-1;
		showBanner();
	});
	
	$('#l_s_nav').css({'width':wid,'margin-top':heig + navTop});
}