window.addEvent('domready', function() {
	initAccordion();
	initGall();
});

/*--- gallery function ---*/
function initGall(){
    var supportBoxCount = $$('.SupportBox').length;
	$$('.SupportBox').each(function(_textBox,i){
        i++;
		if(i==2){
			_textBox.setStyles({
				'opacity': 1
			});
		}else{
			_textBox.setStyles({
				'opacity': 0
			});
		}
        _textBox.setProperty('id','supportBox_'+i);
		_textBox.addEvent('click', function(){
			this.setStyle('visibility','visible');
		});
	});

	$$('.gallery').each(function(_hold){
		var list_h = _hold.getElement('div > ul');
		if(list_h){
			var _list = list_h.getChildren();
			var _step = _list[0].offsetWidth;
			var _w = _step*_list.length;
			var _m = 90 + _w;
			var _a = 1;
			var _b = 2;
			var _flag = true;
			if(_list.length > 1){
				_a += _list.length;
				list_h.adopt(_list.clone()).adopt(_list.clone());
				_list = list_h.getChildren();
				list_h.setStyle('margin-left', -_m);
				_hold.getElements('a.link-prev').addEvent('click', function(){
					changeEl(false);
					return false;
				});
				_hold.getElements('a.link-next').addEvent('click', function(){
					changeEl(true);
					return false;
				});

				_list.setStyle('opacity', 0.2).removeClass('active');
				_list[_a].setStyle('opacity', 1).addClass('active');
				
				list_h.moo = new Fx.Tween(list_h, {
					duration: 300,
					link:'cancel',
					'onComplete': function(_bx){
						_list[_a].addClass('activ');
						_list[_a].moo.start('opacity', 1);
                        _boxi = _a;
                        if(_b > supportBoxCount) _b = 1;
                        if(_b <= 0) _b = supportBoxCount;
                        $('supportBox_'+_b).fade('in');
                    }
				});

				_list.each(function(_el){
					_el.moo = new Fx.Tween(_el, {
						duration: 300,
						link:'cancel',
						'onComplete': function(_bx){
							if(_bx.hasClass('active')){
								_bx.removeClass('active');
								list_h.moo.start('margin-left', -_m);
							}
							if(_bx.hasClass('activ')){
								_bx.removeClass('activ');
								_bx.addClass('active');
								if((_a == 1) || (_a == _list.length/3*2 + 1)){
									_bx.removeClass('active');
									_bx.setStyle('opacity', '0.2');
									_a = _list.length/3 + 1;
									_list[_a].addClass('active').setStyle('opacity', '1');
    								_m = _w + 90;
									list_h.setStyle('margin-left', -_m);
								}
								_flag = true;
							}
						}
					});
				});
			}
		}
		var _flag = true;
		function changeEl(_f){
			if(_flag){
				_flag = false;
				_list[_a].moo.start('opacity', '0.2');
                $$('.SupportBox').fade('out');
				if(_f){
					_a++;
                    _b++;
					_m += _step;
				}
				else{
					_a--;
                    _b--;
					_m -= _step;
				}
			}
		}
	});
}
/*---- accordion function ----*/
function initAccordion(){
    $$('.ChaptersAccordion').each(function(_hold){
		var _list = _hold.getChildren('li');
		var _a = -1;
		_list.each(function(_el, _ind){
			_el._box = _el.getChildren('.slide')[0];
			_el._btn = _el.getElements('.head')[0];
			if(_el._box){
				if(_el.hasClass('active')){
					_el._box.setStyles({display: 'block', overflow: 'visible'});
					_a = _ind;
				}
				else{
					_el._box.setStyles({display: 'none', overflow: 'hidden'});
				}
				_el._box.moo = new Fx.Tween(_el._box, {
					duration: 400,
					link:'cancel',
					'onComplete': function(_bx){
						if(_bx.getParent().hasClass('active')){
							_bx.setStyles({overflow: 'visible'});
							if(_bx.offsetHeight <= 138){
								_bx.setStyle('min-height', '138px');
								if (document.all && !window.opera){ _bx.setStyle('height', '138px');}
								else{ _bx.setStyle('height', 'auto');}
							}
							else{
								_bx.setStyle('height', 'auto');
							}
						}
						else _bx.setStyles({display: 'none', height: 'auto'});
					}
				});
				_el._btn.onclick = function(){
					changeEl(_ind);
					if (_ind == 0){pageTracker._trackPageview('home_page/social/read_blog');}
					if (_ind == 1){pageTracker._trackPageview('home_page/advertising');}
					if (_ind == 2){pageTracker._trackPageview('home_page/our_system');}
					if (_ind == 3){pageTracker._trackPageview('home_page/leadership');}
					if (_ind == 4){pageTracker._trackPageview('home_page/coke_on_web/social');}
					return false;
				}
			}
		});
		function changeEl(_ind){
			if(_a != -1){
				_list[_a].removeClass('active');
				_list[_a]._box.setStyles({height: _list[_a]._box.offsetHeight+'px', overflow: 'hidden', minHeight: 0});
				_list[_a]._box.moo.start('height', 0);
			}
			if(_ind != _a){
				_list[_ind].addClass('active');
				if(_list[_ind]._box.getStyle('display') == 'none'){
					_list[_ind]._box.setStyles({display: 'block'});
					_list[_ind]._h = _list[_ind]._box.offsetHeight;
					_list[_ind]._box.setStyles({height: 0, overflow: 'hidden'});
					if(_list[_ind]._h < 138) _list[_ind]._h = 138;
				}
				_list[_ind]._box.moo.start('height', _list[_ind]._h + 'px');
				_a = _ind;
			}
			else{
				_a = -1;
			}
		}
	});
}
