$(document).ready(function () {
	// accordion like 2
	function initAcc2(){
		var _max = 500;
		var _cen = 230;
		var _min = 230;
		var _speed = 500;
		var _hold = $('#promo-hold');
		if(_hold.length){
			var _list = _hold.find('div.promo-box');
			var box_list = _list.find('.must-hide');
			var _a = _list.index(_list.filter('.active:eq(0)'));
			if(_a == -1) _list.width(_cen).removeClass('active');
			else _list.width(_min).removeClass('active').eq(_a).addClass('active').width(_max);
			
			_list.each(function(_i){
				var _el = $(this);
				var _box = _el.find('.must-hide');
				if(_i == _a){
					if($.browser.msie) _box.css({visibility:'visible'});
					else _box.css({visibility:'visible', opacity: 1});
				}
				else{
					if($.browser.msie) _box.css({visibility:'hidden'});
					else _box.css({visibility:'hidden', opacity: 0});
				}
				_el.mouseenter(function(){
					if($.browser.msie) box_list.not(_box).css('visibility', 'hidden');
					else box_list.not(_box).stop().animate({opacity: 0}, _speed/2, function(){$(this).css('visibility', 'hidden');});
					_list.stop().removeClass('active').animate({width: _min}, _speed);
					_el.stop().addClass('active').animate({width: _max}, _speed, function(){
						if($.browser.msie) _box.css('visibility', 'visible');
						else _box.stop().css('visibility', 'visible').animate({opacity: 1}, _speed/2);
					});
					_a = _i;
				});
			});
		}
	}

	// Init
	initAcc2();
});