var loc;
var locChild;

$(document).ready(function(){
	navigation();
	imgHover();
	doSearch();
	switchCat(0);
});

function navigation() {
	$("li.nav3 > ul").css({
		height : "0px",
		opacity: 0,
		visibility : "visible"
	});
	$("li.nav3 > ul").hide();
	
	$("li.nav3").hover(function(){
		if($("ul:not(:animated)",this).css("opacity") != 1) {
			$("ul:not(:animated)",this).show();
			var params = {height:"346px",opacity: 1};
			$(this).children("ul:not(:animated)").animate(params,300); 
		}
	},function(){
			var params = {height:"0px",opacity: 0};
			$("li.nav3 > ul:not(:animated)").animate(params,300,function(){
				$(this).hide();
			});
		});
	$("li.nav4 > ul").css({
		height : "0px",
		opacity: 0,
		visibility : "visible"
	});
	$("li.nav4 > ul").hide();
	
	$("li.nav4").hover(function(){
		$("ul:not(:animated)",this).show();
		var params = {height:"346px",opacity: 1};
		$(this).children("ul:not(:animated)").animate(params,300); 
	},function(){
			var params = {height:"0px",opacity: 0};
			$("li.nav4 > ul:not(:animated)").animate(params,300,function(){
				$(this).hide();
			});
		});
	/* 選択中のメニューをアクティブにする */
	if($("#navi").children().size() != 0 && loc != null) {
		$("li.nav" + loc + "> a > img").removeAttr("class");
		var navSrc = $("li.nav" + loc + "> a > img").attr("src");
		navSrc = navSrc.substr(0,navSrc.lastIndexOf('.')) + '_o' + navSrc.substr(navSrc.lastIndexOf('.'), 4);
		$("li.nav" + loc + "> a > img").attr("src",navSrc);
		if(locChild != null) {
			var nowChildMenu = $("li.nav3 > ul > li:eq(" + (locChild - 1) + ") > a > img");
			nowChildMenu.removeAttr("class");
			var navChildSrc = nowChildMenu.attr("src");
			navChildSrc = navChildSrc.substr(0,navChildSrc.lastIndexOf('.')) + '_o' + navChildSrc.substr(navChildSrc.lastIndexOf('.'), 4);
			nowChildMenu.attr("src",navChildSrc);
		}
	}
}


// フルスクリーン
function fullscreen(url) {
	var winX = screen.availWidth - 10;
	var winY = screen.availHeight - 30;
	NewWindow=window.open(url,"brangista", "width=" + winX + ",height=" + winY + "scrollbars=no,status=no,menubar=no,toolbar=no,resizable=no,left=0,top=0");
	NewWindow.focus();
}

// 画像のオーバー処理
function imgHover() {
	var preLoad = new Object();
	preLoad["spacer"] = new Image();
	preLoad["spacer"].src = "/2010_1125/common/_img/spacer.gif";
	$(".hover").each(function() {
		var out = this.src;
		var dot = this.src.lastIndexOf('.');
		var over = this.src.substr(0, dot) + '_o' + this.src.substr(dot, 4);
		preLoad[out] = new Image();
		preLoad[out].src = over;
		$(this).hover(
			function() { this.src = over; },
			function() { this.src = out; });
	});
	$(".picHover").each(function() {
		$(this).hover(
			function() { $(this).css("opacity",0.75); },
			function() { $(this).css("opacity",1); });
	});
}

// スクロールメニュー
function scrollMenu(menu) {
	$("#contents > .area_wrap:eq(9)").css({
		"margin-bottom": 0,
		"padding-bottom": 0,
		"border-bottom": "none"
	})
	var _menu = "#" + menu;
	var _root = "";
	for (i=0; i<depth; i++) _root += "../";
	
	var name = new Array();
	var title = new Array();
	var thumb = new Array();
	var newArr = new Array();
	var startNum;
	
	// ボックス設置
	$(_menu).append('<div class="prevBtn"><a class="prev"><img src="' + _root + 'common/_img/slide_prev.gif" alt="" width="23" height="117" class="hover" /></a></div>');
	$(_menu).append('<div class="scrollable"><div class="items"></div></div>');
	$(_menu).append('<div class="nextBtn"><a class="next"><img src="' + _root + 'common/_img/slide_next.gif" alt="" width="23" height="117" class="hover" /></a></div>');
	
	// xml読み込み
	$.ajax({
	url: bookDirArr[menu] + 'page.xml',
	type: 'GET',
	dataType: 'xml',
	success: function(xml){
		// xmlから値を取得
		$(xml).find("thumb").each(function(){
		});
		$(xml).find("name").each(function(){
			name.push($(this).text().split("\\n").join("<br />"));
		});
		$(xml).find("facilities").each(function(){
			newArr.push($(this).attr("class"));
			var id = $(this).attr("id") - 1;
			var thumbNameArr = $(xml).find("spread").eq(id).find("page").attr("thumbnail").split("/");
			thumbName = thumbNameArr[thumbNameArr.length - 1]
			title.push(thumbName.substr(0,thumbName.lastIndexOf('.')))
			thumb.push(thumbName);
		});
		startNum = $(xml).find("information").attr("start");
		
		// アイテム設置
		for (i=0; i<name.length; i++) {
			$(_menu + "> .scrollable > .items").append('<div class="item' + i + '"></div>');
			$(_menu + "> .scrollable > .items > .item" + i).append('<p class="nombre">p' + ( startNum - 2 + (i + 1) * 2 ) + '～' + (startNum - 1 + (i + 1) * 2) + '</p>');
			$(_menu + "> .scrollable > .items > .item" + i).append('<p class="pic"><a href="javascript:fullscreen(\'' + bookDirArr[menu] + 'book.html#' + title[i] + '\')\;"><img src="' + _root + '_thumb/' + thumb[i] + '" /></a></p>');
			$(_menu + "> .scrollable > .items > .item" + i).append('<p class="name">' + name[i] + '</p>');
			if(newArr[i] != null) {
				$(_menu + "> .scrollable > .items > .item" + i).append('<p class="new"><img src="' + _root + 'common/_img/icon_new.gif" alt="new!" /></p>');
			}
			$("p.pic").hover(function(){$(this).css({opacity:0.75})},function(){$(this).css({opacity:1})});
		}
		scrollable(menu);
	}
	});
}

// スクロールボタン制御
function scrollable(menu) {
	var _menu = "#" + menu;
	$(_menu + "> .scrollable").scrollable();
	var scrollable = jQuery(_menu + "> .scrollable").data("scrollable");
	
	if (scrollable.getSize() <= 4) {
		$(_menu + "> .nextBtn > .next").hide();
		$(_menu + "> .prevBtn > .prev").hide();
	}
	$(_menu + "> .nextBtn > a.next").click(function(){
		if (scrollable.getIndex() >= scrollable.getSize() - 4) {
			$(_menu + "> .nextBtn > a.next").hide();
		}
	});
	$(_menu + "> .prevBtn > .prev").click(function(){
		$(_menu + "> .nextBtn > a.next").show();
	});
}


function doSearch() {
	$('input[name=cat]').click(function(){
		switchCat($(this));
	});
	$('#sSearch > form > select').change(function(){
		($('option:selected').val() < 1) ? $('#submit').attr('disabled','disabled') : $('#submit').removeAttr('disabled');
	}).change();
	$('#sArea > form > select').change(function(){
		($('option:selected').val() < 1) ? $('#submit').attr('disabled','disabled') : $('#submit').removeAttr('disabled');
	}).change();
	$('#submit').click(function(){
		void(this.form.submit());
		return false;
	});
}

function switchCat(obj) {
	(!obj) ? listCat = $('input[name=cat]:checked').val() : listCat = obj.val();
	listUrl = 'http://list.tabiiro.jp/search/' + listCat + '.html';
	$('form').attr('action',listUrl);
}