/*----------------------------------------
	Hover
----------------------------------------*/
(function($){
var _path = '/info/fairs/detail/';
$(function(){
	$('div.fairBlock').hover(
	function(){ $(this).addClass('hover'); },
	function(){ $(this).removeClass('hover'); }).each(function(){
		$(this).find('div.infoTableHeadline a').click(function(e){ this.blur(); e.preventDefault(); });
	}).click(
	function(e){
		var _shop = $(this);
		var _wrapper = _shop.find('div.infoTableContent-wrapper');

		if(_wrapper.length != 0){
			if(_shop.hasClass('stay')){
				hideDetail(_wrapper);
				_shop.removeClass('stay');
			} else {
				_shop.addClass('stay');
				showDetail(_wrapper);
			}
		} else {
			_wrapper = $('<div></div>').addClass('infoTableContent-wrapper');
			_shop.addClass('stay').append(_wrapper);
			var _param = {};
			//_param.id = this.id;
			_param.r = new Date().getTime();
			$.ajax({
				type: 'GET',
				url: _path + this.id.replace(/^fairID-/, ''),
				data: _param,
				dataType: 'html',
				beforeSend : function(xhr){
					//alert(msg);
				},
				success: function(_data){
					_wrapper.click(function(e){ e.stopPropagation(); }).html(_data);
					setTimeout(function(){ showDetail(_wrapper); }, 100);
				}
			});
		}
	});

	function showDetail(_wrapper){
		var _h = _wrapper.children('div').outerHeight();
		_h += 36 - (_h % 36);
		_wrapper.animate({ height : _h }, 300, 'easeOutQuart', function(){
			_wrapper.css({ overflow : 'auto' });
			_container.jScrollPane(ist.scrollSettings);//updateScroller
		});
	}
	function hideDetail(_wrapper){
		_wrapper.css({ overflow : 'hidden' }).animate({ height : 0 }, 300, 'easeOutQuart', function(){
			_wrapper;
			_container.jScrollPane(ist.scrollSettings);//updateScroller
		});
	}
});


/*----------------------------------------
	Tab Interface with History
----------------------------------------*/
var _container,_blocks,_tabs;

function pageload(_hash) {
	var _block = '';
	var _tab = '';
	if(_hash) {
		_block = _hash.replace(/^/, 'area');
		_tab = _hash;
	}
	activateBlock(_block);
	activateTab(_tab);
	_container.jScrollPane(ist.scrollSettings);
}
function activateBlock(_block){
	_blocks.hide();
	var _targetBlock = _blocks.filter('.' + _block).show();
	if(_targetBlock.length == 0){
		_notFound.show();
	} else {
		_notFound.hide();
	}
}
function activateTab(_tab){
	_tabs.removeClass('stay');
	_tabs.each(function(){
		var _this = $(this);
		if(_this.find('a').attr('href') == '#' + _tab){
			_this.addClass('stay');
		}
	});
}


$(function(){
	_notFound = $('<p id="notFoundBlock">現在開催中のフェアはございません。</p>').hide();
	_container =  $('#areaContainer').append(_notFound);
	_blocks = $('div.fairBlock');
	_tabs = $("#areaTab li");

	if(_blocks.length == 0){
		_notFound.show();
	}

	$.historyInit(pageload);
	// set onlick event for buttons
	var _anchors = $("#areaTab a").click(function(e){
		this.blur();
		var _hash = this.href;
		_hash = _hash.replace(/^.*#/, '');
		$.historyLoad(_hash);
		e.preventDefault();
	});
});
})(jQuery);