function index() {
	$('#banner-mod').slideBanner();	
}

$(document).ready(index);

jQuery.fn.slideBanner =  function(option) {
	option = jQuery.extend({
		slideAnimate: true,
		slideInterval: 4000
	}, option);	
	
	return this.each(function(i){	
	
		$this = $(this);
		$item = $this.find('.i');
		$size = $item.size();
		
		function init(){		
			$item.eq(0).show();
			if($size > 1)
				build();
		}
		
		function build(){
		
			var html = '';
			html += '<ul class="slider-nav">';
			html += '<li><a href="#t'+($size-1)+'" callback="'+($size-1)+'" class="btn-prev">poprzedni</a></li>';
			
			for(t=1;t<=$size;t++){
				html += '<li><a href="#t'+t+'" callback="'+t+'">'+t+'</a></li>';
			}
			
			html += '<li><a href="#t1" callback="1" class="btn-next">następny</a></li>';
			html += '</ul><div class="slider-img"><img src="images/ajax-loader.gif" class="loding" alt="Ładowanie obrazka" /><img src="" class="img" alt="" /></div>';
			
			$this.prepend(html);
			$img = $('.slider-img .img');
			
			$item.each(function(t){
				t = t+1;
				$(this).addClass('t'+t);
			});
			
			navigate();
		}
		
		function navigate(){
			
			$('.slider-nav li a').unbind().bind('click',function(e){
				e.preventDefault();
			
				animSlider($(this).attr('callback'));
			});
			
			$img.unbind().bind('click',function(){
				animSlider($('.slider-nav .btn-next').attr('callback'));
			});
		
			e = 1;
			setAnimation();
		}

		function getImage(m){
			$loader = $('.slider-img .loding');
			img_src = $item.eq(m).attr('xmlns:img');
			$img.attr({
					'src': img_src,
					'alt': $item.eq(m).children('h5').text()
				}).hide();
			$loader.show();
			$img.load(function(){
				$loader.hide();
				$img.fadeIn();
			});
		}

		
		function setAnimation(){
			if(e == $size)
				e = 0;
				
			animSlider($('.slider-nav .btn-next').attr('callback'));
			e++;
		}
		
		function animSlider(t){
			
			t = parseInt(t);
			t = t-1;
			
			if(t==$size)
				t = 0;
				
			$('.slider-nav li').removeClass('act').siblings().eq(t).addClass('act');
			
			$item.hide().eq(t).show();
		
			getImage(t);
			
			if(t+2>$size)
				t = 1;
			else
				t = t+2;
			$('.slider-nav .btn-next').attr({
				'href': '#t'+t,
				'callback': t
			});
			
			if(t <= 1)
				t = $size-1;
			else if(t == 2)
				t = $size;
			else			
				t = t-2;
			
			$('.slider-nav .btn-prev').attr({
				'href': '#t'+t,
				'callback': t
			});
			
			
		} // function
		
		if(option.slideAnimate)
			si = setInterval(setAnimation, option.slideInterval);
		else
			si = false;
		
		if(si){
			$this.mouseover(function(){
				clearInterval(si);
			});
			
			$this.mouseout(function(){
				si = setInterval(setAnimation, option.slideInterval);
			});
		}// if(si)	
	
		init();
		
	}); // each
}