//Main Page Banners
jQuery.fn.mainPageBan = function(options){
	var currPos = 0;
	var Timer;
	var restart;
	var This = $(this);
	var count = This.find('img[rel=banner]').size();
	var delay = options.interval;
	var width = This.width();
	var prev = 0;
	This.find('img').css({'opacity':0});
	if (count > 0){
		var pSrc = '<div class="numbersImage">';
		for(i=0; i<count; i++){
			pSrc += '<a href="javascript: void(0);" class="nummer" rel="'+((count-1)-i)+'">'+(count-i)+'</a>';
		}
		pSrc += '</div>';
		This.append(pSrc);
		var pagi = This.find('div:last');
		pagi.find('a').each(function(){
			$(this).click(function(){
				var ind = $(this).attr('rel');
				pagi.find('a').attr('class', 'nummer');
				$(this).attr('class', 'nummerActive');
				This.find('img:eq('+prev+')').animate({'opacity':0}, {queue:false, duration: "slow", complete: function(){
					This.find('img:eq('+ind+')').animate({'opacity':1}, {queue:false});
				}});
				prev = ind;
				currPos = ind;
			});
		});
		This.find('img').each(function(){
			$(this).css({'position':'absolute', 'top':'0', 'left':'0'});
		});
		This.find('img:first').animate({'opacity':1});
		pagi.find('a').attr('class', 'nummer');
		pagi.find('a:eq('+(count-1)+')').attr('class', 'nummerActive');
		setAuto();
	}
	
	$('.homeBanner').hover(function(){
		clearInterval(Timer);
		clearTimeout(restart);
	}, function(){
		restart = setTimeout(function(){
			setAuto();
		}, 500);
	});
	
	function setAuto(){
		Timer = setInterval(function(){
			This.find('img:eq('+prev+')').animate({'opacity':0}, {queue:false, duration: "slow", complete: function(){
				This.find('img:eq('+currPos+')').animate({'opacity':1}, {queue:false});
			}});
			
			pagi.find('a').attr('class', 'nummer');
			pagi.find('a:eq('+currPos+')').attr('class', 'nummerActive');
			
			if (currPos == (count - 1)){
				currPos = 0;
			}else{
				currPos++;
			}
			prev = currPos;
		}, delay);
	}
}

$(document).ready(function(){	
	$('.homeBanner').mainPageBan({interval:5000});	
});