// JavaScript Document

$(function() {
    //header search
    /*
	var $searchBox = $('.search-field input');
	$searchBox.focus(function() {
		$(this).css({color: '#282828'});
		if ($(this).val() == '请输入书名|作者|关键词') {
			$(this).val('');
		}
	});
	$searchBox.blur(function() {
		$(this).css({color: '#C5C7CB'});
		if ($(this).val() == '') {
			$(this).val('请输入书名|作者|关键词');
		}
	});
	
	//header search select
	var selOption = $('.search-select ul')
	$('.search-select').hover(function() {
		selOption.show();
	}, function() {
		selOption.hide();
	});
	$('.search-select li').hover(function() {
		$(this).css({background: '#eee'});
	}, function() {
		$(this).css({background: 'none'});
	});
	$('.search-select li').click(function() {
		var text = $(this).text();
		$('.search-select p').text(text);
		$('.sel-value').val($(this).attr("value"));
		selOption.hide();
	});
	
	//sideNav
	var subNav = $('.sub-nav');
	var subNavDisplay = false;
	
	$('.nav-more').mouseover(function() {
		subNavDisplay = true;
		subNavToggle();
	});
	$('.nav-more').mouseout(function() {
		subNavDisplay = false;
		subNav.mouseover(function() {
			subNavDisplay = true;
			subNavToggle();
			return;
		});
		subNavToggle();
	});
	subNav.mouseout(function() {
		subNavDisplay = false;
		subNavToggle();
	});
	
	function subNavToggle() {
		if (subNavDisplay) {
			subNav.show();
		} else {
			subNav.hide();
		}
	}
	*/
	
	//sideTab
	var $sideTab = $('.area .titlebar p a');
	var $bookTab = $('.book-tab');
	var $bookSortUl = $('.book-sort ul');
	$sideTab.click(function() {
		var index = $sideTab.index(this);
		$(this).addClass('sort-cur').siblings().removeClass('sort-cur');
		$bookTab.eq(index).show().siblings().hide();
		$('.time-sort ul').eq(index).show().siblings().hide();
	});
	
	var $TimeSortTab = $('.time-sort a');
	$TimeSortTab.mouseover(function() {
		var index = $TimeSortTab.index(this);
		$(this).addClass('time-sort-cur').parent().siblings().find('a').removeClass('time-sort-cur');
		$bookSortUl.eq(index).show().siblings().hide();
	});
	
	//switchover
	var $arrowLeft = $('.arrow-left');
	var $arrowRight = $('.arrow-right');
	var $switchover = $('.switchover');
	var $switchoverUl = $('.switchover ul');
	var $switchoverLi = $('.switchover li');
	var sCount = 0;
	var sSumWidth = $switchover.width();
	var sWidth = $switchoverLi.width();
	var sCurLi = sSumWidth/sWidth;
	var sSumLi = $switchoverLi.length;
	arrowOpacity();
	$switchoverUl.css({width: (sSumLi * sWidth) + 'px'});
	$arrowRight.click(function() {
		if (sCount < sSumLi - sCurLi) {
			$switchoverUl.animate({left: "-=" + sWidth + 'px'}, 800);
			sCount++;
			arrowOpacity();
		}
	});
	$arrowLeft.click(function() {
		if (sCount > 0) {
			$switchoverUl.animate({left: "+=" + sWidth + 'px'}, 800);
			sCount--;
			arrowOpacity();
		}
	});
	function arrowOpacity() {
		if (sCount < sSumLi - sCurLi) {
			$arrowRight.css({opacity: '1'});
		} else {
			$arrowRight.css({opacity: '0.3'});
		}
		if (sCount > 0) {
			$arrowLeft.css({opacity: '1'});
		} else {
			$arrowLeft.css({opacity: '0.3'});
		}
	}
})