var __ajaxLoadMess = '<div class="loading">Loading...</div>'; // 'ajax loading' message
function initAboutAjax(){
	$('.border-box').each(function(_bb){
		var _navHolder = $(this).find('.navline');
		var _navEl = _navHolder.find('li');
		var _navSl = _navHolder.find('.scrollarea div');
		var _prevL = _navHolder.find('a.prev');
		var _nextL = _navHolder.find('a.next');
		var _listAnimated = false;
		var _slideTime = 500;
		var _boxB = $(this);
		var _stepW = _navEl.eq(0).width();
		
		_navSl.css('marginLeft',0);
		_prevL.addClass('disabled');
		
		_prevL.click(function(){
			if(!_listAnimated && _navEl.length>1 && !$(this).hasClass('disabled')){
				_listAnimated = true;
				_nextL.removeClass('disabled');
				_navSl.animate({
					'marginLeft':'+=' + _stepW
				},_slideTime,function(){
					_listAnimated = false;
					if(parseInt(_navSl.css('marginLeft')) == 0) {
						_prevL.addClass('disabled');
					}
				});
			}
			return false;
		});
		
		_nextL.click(function(){
			if(!_listAnimated && _navEl.length>1 && !$(this).hasClass('disabled')){
				_listAnimated = true;
				_prevL.removeClass('disabled');
				_navSl.animate({
					'marginLeft':'-=' + _stepW
				},_slideTime,function(){
					_listAnimated = false;
					if(parseInt(_navSl.css('marginLeft')) == -(_navHolder.find('ul').width()-_stepW)) {
						_nextL.addClass('disabled');
					}
				});
			}
			return false;
		});
		
		_navEl.find('a').live('click',function(){
			if(!$(this).parent().hasClass('active') && !_listAnimated){
				$(this).parents(_navHolder).eq(0).find('a').each(function(){
					$(this).removeClass('active');
				});
				var __this = $(this);
				var __index = $(this).parents('ul').find('a').index(this);
				var __href = __this.attr('href');
				var __ajaxLoader = __this.parents('.border-box').find('.ajax-load');
				if(__href) {
					__ajaxLoader.html(__ajaxLoadMess);
					$.ajax({
						url: __href,
						cache: false,
						dataType: 'html',
						success: function(_html){
							__ajaxLoader.html(_html);
							__this.parents('.navline').find('ul').each(function(){
								$(this).find('a').eq(__index).addClass('active');
							});
							initCountryAjax();
						}
					});
				}
			}
			return false;
		});
	});
	function initCountryAjax(){
		var _cHold = $('.border-box .ajax-load');
		_cHold.each(function(){
			$(this).find('a').click(function(){
				if(!$(this).parents('ul').hasClass('horizontal')){
					var __link = $(this).attr('href');
					var __ajaxHTML = $(this).parents('.border-box').find('.inner-ajax-load');
					if(__link){
						__ajaxHTML.html(__ajaxLoadMess);
						$.ajax({
							url: __link,
							cache: false,
							dataType: 'html',
							success: function(_html){
								__ajaxHTML.html(_html).removeClass('empty-load');
								initTownSlide();
							}
						});
					}
				}
				return false;
			});
		});
		initTownSlide();
	}
	function initTownSlide(){
		var _holdG = $('.border-box .info');
		_holdG.each(function(_h){
			var _lis = $(this).find('ul');
			var _divs = $(this).find('div');
			if(!_divs.hasClass('initTownSlide')){
				var _mM = parseInt(_lis.width());
				var _els = $(this).find('li');
				var _sliTime = 600;
				var _prevBtn = _holdG.parent().parent().find('.scrollbtns a.prev');
				var _nextBtn = _holdG.parent().parent().find('.scrollbtns a.next');
				var _aFlag = false;
				_prevBtn.addClass('disabled');
				
				_prevBtn.click(function(){
					if(!_aFlag && !$(this).hasClass('disabled')) {
						_aFlag = true;
						_nextBtn.removeClass('disabled');
						_divs.animate({
							'marginLeft':'+=' + parseInt(_holdG.eq(_h).width())
						},_sliTime,function(){
							if(parseInt(_divs.css('marginLeft'))==0) _prevBtn.addClass('disabled');
							_aFlag = false;
						});
					}
					return false;
				});
				_nextBtn.click(function(){
					if(!_aFlag && !$(this).hasClass('disabled')) {
						_aFlag = true;
						_prevBtn.removeClass('disabled');
						_divs.animate({
							'marginLeft':'-=' + parseInt(_holdG.eq(_h).width())
						},_sliTime,function(){
							if(parseInt(_divs.css('marginLeft'))==-(_mM-parseInt(_holdG.eq(_h).width()))) _nextBtn.addClass('disabled');
							_aFlag = false;
						});
					}
					return false;
				});
				
				if(_els.length<2) {
					$(this).parents('.border-box').find('.scrollbtns').hide();
				}else{
					$(this).parents('.border-box').find('.scrollbtns').show();
				}
				_divs.addClass('initTownSlide');
			}
		});
	}
	initCountryAjax();
}
$(function(){
	initAboutAjax();
});