// JavaScript Document
var bannerNow = 0;
var playNow = 0;
var hideNow = 0;
$(document).ready(function(){
	
	bound()
	
});

function bound(){
	var bannerli = $(".bannerNav li");
	var banner = $(".IndexBanner div");	
	$(".banners").hover(function(){
		clearInterval(auto);		
	},function(){
		auto = setInterval('autoPlay()',5000);
	});
	
	bannerli.click(function(){
		var num = bannerli.index($(this));	
		if(bannerNow != num){
		  banner.eq(bannerNow).animate({ opacity: 'hide'}, { queue: false, duration: 300 } );
		  banner.eq(num).animate({ opacity: 'show'}, {duration: 1000 } );
		  hideNow = bannerNow;
		  $(this).find("b").css("color","#FFF");
		  playNow = num;
		  switch(num){
			  case 0:$(this).css("background","url(uploads/images/fish/bannerAct1.gif)");	
					  bannerli.eq(1).css("background","url(uploads/images/fish/bannerNavBG2.png) no-repeat bottom");
					  bannerli.eq(1).find("b").css("color","#4C4C4C");
					  bannerli.eq(2).css("background","url(uploads/images/fish/bannerNavBG3.png) no-repeat bottom");
					  bannerli.eq(2).find("b").css("color","#4C4C4C");
					  bannerNow = 0;
					  break;
			  case 1:$(this).css("background","url(uploads/images/fish/bannerAct2.gif)");	
					  bannerli.eq(0).css("background","url(uploads/images/fish/bannerNavBG2.png) no-repeat bottom");	
					  bannerli.eq(0).find("b").css("color","#4C4C4C");
					  bannerli.eq(2).css("background","url(uploads/images/fish/bannerNavBG3.png) no-repeat bottom");
					  bannerli.eq(2).find("b").css("color","#4C4C4C");
					  bannerNow = 1;
					  break;
			  case 2:$(this).css("background","url(uploads/images/fish/bannerAct3.gif)");	
					  bannerli.eq(0).css("background","url(uploads/images/fish/bannerNavBG2.png) no-repeat bottom");
					  bannerli.eq(0).find("b").css("color","#4C4C4C");
					  bannerli.eq(1).css("background","url(uploads/images/fish/bannerNavBG2.png) no-repeat bottom");
					  bannerli.eq(1).find("b").css("color","#4C4C4C");
					  bannerNow = 2;
					  break;
			}
		}
	});	
	
}
function autoPlay(){
	var bannerli = $(".bannerNav li");
	var banner = $(".IndexBanner div");	
	playNow++;
	if(playNow >2){
	   playNow = 0;  
	}
	if(bannerNow != playNow){
		banner.eq(bannerNow).animate({ opacity: 'hide'}, { queue: false, duration: 300 } );
		banner.eq(playNow).animate({ opacity: 'show'}, {duration: 1000 } );	
		hideNow = bannerNow;
	}
	
	bannerli.eq(playNow).find("b").css("color","#FFF");
	 switch(playNow){
		case 0:bannerli.eq(0).css("background","url(uploads/images/fish/bannerAct1.gif)");
				bannerli.eq(1).css("background","url(uploads/images/fish/bannerNavBG2.png) no-repeat bottom");	
				bannerli.eq(1).find("b").css("color","#4C4C4C");
				bannerli.eq(2).css("background","url(uploads/images/fish/bannerNavBG3.png) no-repeat bottom");
				bannerli.eq(2).find("b").css("color","#4C4C4C");
				bannerNow = 0;
				break;
		case 1:bannerli.eq(1).css("background","url(uploads/images/fish/bannerAct2.gif)");	
				bannerli.eq(0).css("background","url(uploads/images/fish/bannerNavBG2.png) no-repeat bottom");	
				bannerli.eq(0).find("b").css("color","#4C4C4C");
				bannerli.eq(2).css("background","url(uploads/images/fish/bannerNavBG3.png) no-repeat bottom");
				bannerli.eq(2).find("b").css("color","#4C4C4C");
				bannerNow = 1;
				break;
		case 2:bannerli.eq(2).css("background","url(uploads/images/fish/bannerAct3.gif)");	
				bannerli.eq(0).css("background","url(uploads/images/fish/bannerNavBG2.png) no-repeat bottom");
				bannerli.eq(0).find("b").css("color","#4C4C4C");
				bannerli.eq(1).css("background","url(uploads/images/fish/bannerNavBG2.png) no-repeat bottom");
				bannerli.eq(1).find("b").css("color","#4C4C4C");
				bannerNow = 2;
				break;
	  }
	
}
var auto = setInterval('autoPlay()',5000);