//これはkan-netのbaseとなるjsです
//jquery-1.3.1.min.jsをフレームワークに使っています

$(function(){

//IE6の対応していないセレクタ対策
if(jQuery.browser.msie&&jQuery.browser.version==6){
	//パン屑リスト
	$("#topicPath li:last").addClass("last-child");
	//フッターナビ
	$("#navFooter li ul").each(function(){
		$(this).children("li:first").addClass("first-child");
	});
}

//rel="external"が付いたa要素は別ウィンドウで開く
$("a[rel*='external']").click(function(){
	window.open($(this).attr("href"));
	return false;
});

//メインエリア下のお問い合わせバナーのareaによるお問い合わせフォームへのリンク
$("#contactBannar area").click(function(){
	window.open($(this).attr("href"));
	return false;
});

});

//ウィンドウのサイズ
function windowSize(){
	var obj = {};
	obj.w = $(window).width();
	obj.h = $(window).height();
	return obj;
}

//ページのサイズ
function pageSize(){
	var obj = {};
	obj.w = $("#wrapper").width();
	obj.h = $("#wrapper").height();
	return obj;
}

//ドキュメントのサイズ
function documentSize(){
	var obj = {};
	obj.w = ( windowSize().w > pageSize().w )? windowSize().w : pageSize().w;
	obj.h = ( windowSize().h > pageSize().h )? windowSize().h : pageSize().h;
	return obj;
}

//スクロールの位置
function scrollPosition(){
	var obj = {};
	obj.x = document.documentElement.scrollLeft || document.body.scrollLeft;
	obj.y = document.documentElement.scrollTop  || document.body.scrollTop;
	return obj;
}

function zoomImage(anchor){
	var zoomImageAnchor = $(anchor);

	for(i=0;i<zoomImageAnchor.length;i++){

		zoomImageAnchor[i].zoomImage = new Image();
		zoomImageAnchor[i].zoomImage.src = zoomImageAnchor.eq(i).attr("href");
		zoomImageAnchor.eq(i).click(function(){

			$("body").append("<div id='zoomImageWrapper'><div id='zoomImageLayer'></div><div  id='zoomImageContent' style='display:none'><div id='zoomImageClose'><span>×閉じる</span></div><img src='" + $(this)[0].zoomImage.src +"' width='" + $(this)[0].zoomImage.width +"' height='" + $(this)[0].zoomImage.height +"' /></div></div>");
	
			var zoomImageWrapper = $("#zoomImageWrapper");
			var zoomImageLayer   = $("#zoomImageLayer");
			var zoomImageContent = $("#zoomImageContent");
			var zoomImageImage   = $("#zoomImageContent img");
			var zoomImageClose   = $("#zoomImageClose");
			var zoomImageCloseSp = $("#zoomImageClose span");
	
			zoomImageLayer.css({
				display:"none",
				position:"absolute",
				left:"0",
				top:"0",
				zIndex:"10",
				width:documentSize().w + "px",
				height:documentSize().h + "px",
				backgroundColor:"#000",
				opacity:"0.75"
			});
			zoomImageContent.css({
				position:"absolute",
				left:scrollPosition().x + (windowSize().w - $(this)[0].zoomImage.width)/2 + "px",
				top:scrollPosition().y + (windowSize().h - $(this)[0].zoomImage.height)/2 + "px",
				width:$(this)[0].zoomImage.width + "px",
				zIndex:"11"
			});
			zoomImageClose.css({
				width:$(this)[0].zoomImage.width + "px",
				height:"24px",
				textAlign:"right",
				lineHeight:"24px",
				fontSize:"20px",
				color:"#FFF",
				fontWeight:"bold"
			});
			zoomImageCloseSp.css({
				opacity:"0.75",
				cursor:"pointer"
			});
			$(window).resize(function(){
				zoomImageLayer.css({
					width:documentSize().w + "px",
					height:documentSize().h + "px"
				});
				zoomImageContent.css({
					left:scrollPosition().x + (windowSize().w - zoomImageImage[0].width)/2 + "px",
					top:scrollPosition().y + (windowSize().h - zoomImageContent.height())/2 + "px"
				});
			});
	
			zoomImageLayer.fadeIn("fast",
				function(){
					zoomImageContent.fadeIn("fast");
				}
			);
			zoomImageCloseSp.hover(function(){$(this).css("opacity","1");},function(){$(this).css("opacity","0.75");});
			zoomImageCloseSp.click(function(){
				zoomImageWrapper.fadeOut("fast",
					function(){
						zoomImageWrapper.remove();
					}
				)
			});	
			zoomImageLayer.click(function(){
				zoomImageWrapper.fadeOut("fast",
					function(){
						zoomImageWrapper.remove();
					}
				)
			});
	
			return false;			
		});
	}
}