/*--- tabs ---*/
function initTabs(){
	$('ul.tabset').each(function(){
		var btn_h = $(this);
		var _btn = $(this).find('a.tab');
		var _a = _btn.index(_btn.filter('.active:eq(0)'));
		if(_a == -1) _a = 0;
		_btn.removeClass('active').eq(_a).addClass('active');
		_btn.each(function(_i){
			this._box = this.href.substr(this.href.indexOf("#") + 1);
			if(this._box){
				this._box = $('#'+this._box);
				if(_i == _a) this._box.show();
				else this._box.hide();
			}
			this.onclick = function(){
				changeTab(_i);
				return false;
			}
		});
		function changeTab(_ind){
			if(_ind != _a){
				if(_btn.get(_a)._box) _btn.get(_a)._box.hide();
				if(_btn.get(_ind)._box) _btn.get(_ind)._box.show();
				_btn.eq(_a).removeClass('active');
				_btn.eq(_ind).addClass('active');
				_a = _ind;
			}
		}
	});
}
/*--- visual ---*/
function initVisual(){
	var t_max = 10000; //in ms
	var t_min = 1000; //in ms
	var _speed = 600; //in ms
	var _hold = $('#visual');
	
	if(_hold.length){
		var _t;
		var _list = _hold.children();
		if(_list.length > 1) _list.hide().eq(_R(_list.length - 1)).show();
		var sub_hold = _list.filter(':visible').find('div.opacity div.bg');
		var sub_list = sub_hold.find('p');
		if(sub_list.length > 1){
			var _a = _R(sub_list.length - 1);
			var t_a;
			sub_list.hide().eq(_a).show();
			_t = setTimeout(function(){
				changeEl(_R(sub_list.length - 1));
			}, _R(t_max, t_min));
		}
		function changeEl(_ind){
			if(_t) clearTimeout(_t);
			if(_ind != _a){
				sub_hold.height(sub_hold.height());
				sub_list.eq(_a).fadeOut(_speed, function(){
					sub_list.eq(_ind).fadeIn(_speed);
					sub_hold.animate({height: sub_list.eq(_ind).outerHeight()}, _speed, function(){$(this).height('auto');});
				});

				_a = _ind;
			}	
			_t = setTimeout(function(){
				do t_a = _R(sub_list.length - 1);
				while(_a == t_a);
				changeEl(t_a);
			}, _R(t_max, t_min)+_speed*2);
		}
	}
	function _R(_max, _min){
		if(!_min) _min = 0;
		return Math.floor(Math.random()*(_max + 1)) + _min;
	}
}

$(document).ready(function(){
	$('#subnav li').mouseenter(function(){
        $(this).addClass('hover');
    }).mouseleave(function(){
        $(this).removeClass('hover');
    });
	initTabs();
	initVisual();
});