//ロード後の処理
$(function(){
	//アイテムのクリック時
	$(".overlay").click(setItemClick);
	//引数があったら表示時にオーバーレイ
	if(trigger == 'first' || trigger == 'last'){
		$('.overlay:' + trigger).trigger('click');
	}
});


//アイテムのクリック処理
function setItemClick(){
	//ブロックの追加
	$("body").append(
		'<div id="OV_overlay"></div>'
		+ '<div id="OV_window"><div id="OV_close"></div>'
		+ '<div id="OV_contents"></div>'
		+ '<div id="OV_menu"></div></div>');
	
	//オーバーレイの初期設定
	$("#OV_overlay").fadeTo(0, 0.4).click(closeOverlay);
	//ウィンドウの幅・高さとXY座標のセット
	setWindowWHXY();
	
	//ブロックの初期表示
	$("#OV_close").html('<img src="/overlay/ov_close.jpg" title="閉じる" />');
	linkURL = $(this).attr("href");
	$("#OV_contents").load(linkURL);
	nowRel = $(this).attr("rel") * 1;
	$("#OV_menu").html(
		'<img src="/overlay/ov_prev.jpg" id="OV_prev" title="前へ" rel="' + (nowRel - 1 ) + '" />'
		+ '<span id="OV_number"></span><input type="hidden" id="hiddenTrigger" name="hiddenTrigger"  />'
		+ '<img src="/overlay/ov_next.jpg" id="OV_next" title="次へ" rel="' + (nowRel + 1 ) + '" />');

	//閉じるボタンの処理
	$("#OV_close img").click(closeOverlay);
	//メニューの処理
	setMenuView($(this).attr('rel'));
	//ボタンクリック
	$('#OV_prev').click(setButtonClick);
	$('#OV_next').click(setButtonClick);

	//スクロール時の処理
	$(window).scroll(function(){ setWindowWHXY(); });
	//リサイズ時の処理
	$(window).resize(function(){ setWindowWHXY(); });

	return false;
}

//メニューの処理
function setMenuView(thisRel){
	//ボタン
	if(thisRel == 0 && thisPage == 1){
		$('#OV_prev').css('visibility', 'hidden');
	}else{
		$('#OV_prev').css('visibility', 'visible');
	}
	if(thisRel == itemArray.length-1 && thisPage == totalPageNum){
		$('#OV_next').css('visibility', 'hidden');
	}else{
		$('#OV_next').css('visibility', 'visible');
	}
	//ボタンrel変更
	$('#OV_prev').attr('rel', nowRel - 1);
	$('#OV_next').attr('rel', nowRel + 1);
	//件数
	var thisItemNum = (thisPage - 1 ) * pageItemNum + thisRel * 1 + 1;
	$('#OV_number').html( thisItemNum + '件目／' + totalItemNum + '件中');
}

//メニューのボタンの挙動
function setButtonClick(){
	if($(this).attr('rel') <= -1){
		newLinkURL = '?page=' + (thisPage - 1 ) + '&trigger=last' + getPlus;
		location.href=newLinkURL;
	}else if( $(this).attr('rel') >= itemArray.length){
		newLinkURL = '?page=' + (thisPage * 1 + 1 ) + '&trigger=first' + getPlus;
		location.href=newLinkURL;
	}else{
		nowRel = $(this).attr('rel') * 1;
		newItemURL = 'overlay.php?jobID=' + itemArray[nowRel];
		$("#OV_contents").load(newItemURL);
		setMenuView(nowRel);
	}
}

//ウィンドウの幅・高さのセット
function setWindowWHXY(){
	//ウィンドウの高さ・幅をセット
	if($(window).height() < 200){
		ovWindowHeight = 180;
	}else if($(window).height() < ovWindowHeightBase){
		ovWindowHeight = $(window).height()-20;
	}else{
		ovWindowHeight = ovWindowHeightBase;
	}
	ovWindowWidth = ovWindowWidthBase;
	$("#OV_window").width(ovWindowWidth).height(ovWindowHeight);
	//OV_contentsの高さをセット
	$("#OV_contents").height(ovWindowHeight-110);
	//X座標
	ovWindowX = Math.round(($(window).width()-ovWindowWidth)/2);
	$("#OV_window").css('left',$(document).scrollLeft()+ovWindowX);
	//Y座標
	ovWindowY = Math.round(($(window).height()-ovWindowHeight)/2);
	$("#OV_window").css('top',$(document).scrollTop()+ovWindowY);
	//オーバーレイの処理
	if($(window).width()+20 >= $(document).width()){
		$("#OV_overlay").css("width", "100%");
	}else{
		$("#OV_overlay").width($(document).width());
	}
	$("#OV_overlay").height($(document).height())
}

//オーバーレイを閉じる
function closeOverlay(){
	$("#OV_overlay").unbind().remove();
	$("#OV_window").unbind().remove();
}