// 著作権  ：Copyright(c) 2011 RECRUIT CO.,LTD.
// 会社名  ：株式会社リクルート

$(function() {
	var HPB = HPB || {};

	HPB.COMMON = {
		slideTab: function($target) {
			var $tab = $('#jsiHairStyleTab'),
				$span = $tab.find('li a span'),
				$tabAnchor = $tab.find('li a'),
				$tabContent = $('div.tabContent'),
				$currentSlide = $('div.currentSlide'),
				currentOuterW = $currentSlide.outerWidth(true),
				$slider = $('div.tabSlider'),
				$prevSlide = $currentSlide.prev(),
				$nextSlide = $currentSlide.next(),
				leftPos = ($prevSlide.length > 0) ? 0 : -currentOuterW,
				$newCurrent = ($prevSlide.length > 0) ? $prevSlide : $nextSlide,
				$sliderWrapper = $('div.tabSliderWrapper'),
				newH;

			if (!$target.hasClass('selected')) {
				$newCurrent.removeClass('dn');
				newH = $newCurrent.outerHeight();
				$sliderWrapper.css({
					height: newH
				});
				$slider.stop().animate({
					left: leftPos
				}, function() {
					$newCurrent.addClass('currentSlide');
					$currentSlide.removeClass('currentSlide')
								 .addClass('dn');
					$span.toggleClass('selected');
				});
				
				var styleCategoryCd;
				if (leftPos == 0) {
					styleCategoryCd = 'SG01';
				} else {
					styleCategoryCd = 'SG02';
				}
				$.cookie('TOP_STYLE_CATEGORY_CD', styleCategoryCd, { expires: 180, path: '/'});
			}
		}
	};

	var HPBC = HPB.COMMON,
		$tab = $('#jsiHairStyleTab'),
		$tabAnchor = $tab.find('li a');

	$tabAnchor.bind('click', function(e){
		HPBC.slideTab($(e.target));
	});
});

function initStylePos() {
	$currentSlide = $('div.currentSlide'),
	$sliderWrapper = $('div.tabSliderWrapper'),
	$sliderWrapper.css({
		height: $currentSlide.outerHeight()
	});
}