var selected=1;
var working=false;
var interval;
var cnt=0;
var hover=false;
$(document).ready(function(){
	$(".allbaners .hiden_banner").each(function(){
		cnt++;
		this.id="banner"+cnt;
	});
	for(var i=1;i<=cnt;i++){
		var child 
		if(i==selected)
			child=$("<a href=# class='buttonbanner'><img id='imgbut"+i+"' src='/images/banner_on.png'></a>");
		else
			child=$("<a href=# class='buttonbanner'><img id='imgbut"+i+"' src='/images/banner_off.png'></a>");
		child.hover(function(){hover=true},function(){hover=false})	
		child.attr("data",i)
		child.click(function(elem){
				clearInterval(interval)
				interval=setInterval(onInterval, 4000);
				if(working==false)
					change_banner($(this).attr("data"));
				return false;
		})
		$(".banner_change").append(child);
	}
	interval=setInterval(onInterval, 3000);

});
function onInterval(){
if(hover==true)
	return;
if(selected+1>cnt)
	change_banner(1);
else
	change_banner(selected+1);
}
function change_banner(m){
	selected=parseInt(m);
	$('.buttonbanner img').each(function(){
		$(this).attr("src",'/images/banner_off.png');
	});
	
	$("#imgbut"+selected).attr("src",'/images/banner_on.png');

	working=true;
	var main=$('.main_banner');
	var fade=$('.fade_banner');
	var newban=$(".allbaners #banner"+m);
	fade.html(main.html());
	main.fadeOut(1,function(){;
		main.html(newban.html());
		fade.fadeOut('slow');
		main.fadeIn("slow",function(){
			working=false;
			fade.html(main.html());
			fade.fadeIn('fast');
		});
	})
	//alert("click"+m);
}