window.addEvent('domready', function() {		

	$$('li#b1,li#b2,li#b3,li#b4').each(function(el){ el.getChildren('a').setStyle('opacity',0); });
	$$('li#b1,li#b2,li#b3,li#b4').addEvents({
		mouseover: function(){
			this.getChildren('a').set('tween', {duration: 300}).tween('opacity',0.7);
		},
		mouseout: function(){
			this.getChildren('a').set('tween', {duration: 900}).tween('opacity',0);
		}
	});
	
	/*$('login-box').setStyle('display','none');
	$$('#login,#close').addEvent('click', function(e){
		e.preventDefault();
		if($('login-box').getStyle('display') == 'none') $('login-box').setStyle('display','block');
		else $('login-box').setStyle('display','none');
	});
	*/
	/*********** banners ***********/	
	if($("banner")){
		var i=0; $$('#banner ul li').each(function(e){ i++;
			if(i!=1) e.setStyle('display','none');
			e.set('data-no',i);
		});

		$$('#next-banner,#prev-banner').set('data-current',1);
		$$('#banner ol li').addEvent('click', function(e){
			$$('#banner ol li').removeClass('active'); this.addClass('active');
			$$('#banner ul li').setStyle('display','none');
			var no = this.get('text');
			$$('#banner ul li:nth-child(' + no + ')').setStyle('display','block');
			$$('#next-banner,#prev-banner').set('data-current',no);
		});

		function autoChangeBanner(){
			var currentNo = parseInt($('next-banner').get('data-current'));
			if(currentNo < i) var goToBanner = currentNo + 1; else goToBanner = 1;
			$$('#banner ul li').setStyle('display','none');
			$$('#banner ul li:nth-child(' + goToBanner + ')').setStyle('display','block');
			$$('#banner ol li').removeClass('active');
			$$('#banner ol li:nth-child(' + goToBanner + ')').addClass('active');
			$$('#next-banner,#prev-banner').set('data-current',goToBanner);
		}
		var perID = autoChangeBanner.periodical(5000);

		$$('#next-banner,#prev-banner').addEvent('click', function(e){
			e.preventDefault();
			var currentNo = parseInt(this.get('data-current'));
			if(this.get('id') == 'next-banner'){ if(currentNo < i) var goToBanner = currentNo + 1; else goToBanner = i; }
			if(this.get('id') == 'prev-banner'){ if(currentNo > 1) var goToBanner = currentNo - 1; else goToBanner = 1; }
			$$('#banner ul li').setStyle('display','none');
			$$('#banner ul li:nth-child(' + goToBanner + ')').setStyle('display','block');
			$$('#next-banner,#prev-banner').set('data-current',goToBanner);
			$$('#banner ol li').removeClass('active');
			$$('#banner ol li:nth-child(' + goToBanner + ')').addClass('active');

			// !!!!!!!!!!!!!!
			clearInterval(perID);
			perID = 0;
			autoChangeBanner = 0;
		});
	}
	/********** banner end **************/
	
});