var y = 0;

//var browser = navigator.userAgent;

window.onload = function(){
	
	if ( window.opera ) { //Opera の場合の処理
		MM_preloadImages('../image/portfolio/091119/091119_01b.jpg','../image/portfolio/091119/091119_02b.jpg','../image/portfolio/091119/091119_03b.jpg','../image/portfolio/091119/091119_04b.jpg','../image/portfolio/091119/091119_05b.jpg','../image/portfolio/091119/091119_06b.jpg','../image/portfolio/091119/091119_07b.jpg','../image/portfolio/091119/091119_08b.jpg','../image/portfolio/091119/091119_09b.jpg','../image/portfolio/091119/091119_10b.jpg','../image/portfolio/091119/091119_11b.jpg','../image/portfolio/091119/091119_12b.jpg','../image/portfolio/091119/091119_13b.jpg','../image/portfolio/091119/091119_14b.jpg','../image/portfolio/091119/091119_15b.jpg','../image/portfolio/091119/091119_16b.jpg','../image/portfolio/091119/091119_17b.jpg','../image/portfolio/091119/091119_18b.jpg','../image/portfolio/091119/091119_19b.jpg','../image/portfolio/091119/091119_20b.jpg','../image/portfolio/091119/091119_21b.jpg','../image/portfolio/091119/091119_22b.jpg','../image/portfolio/091119/091119_23b.jpg','../image/portfolio/091119/091119_24b.jpg','../image/portfolio/091119/091119_25b.jpg','../image/portfolio/091119/091119_26b.jpg','../image/portfolio/091119/091119_27b.jpg','../image/portfolio/091119/091119_28b.jpg','../image/portfolio/091119/091119_29b.jpg','../image/portfolio/091119/091119_30b.jpg','../image/portfolio/091119/091119_31b.jpg','../image/portfolio/091119/091119_32b.jpg','../image/portfolio/091119/091119_33b.jpg','../image/portfolio/091119/091119_34b.jpg','../image/portfolio/091119/091119_35b.jpg','../image/matsuribayashi/postcard_faceb.jpg','../image/matsuribayashi/postcard_backb.jpg','../image/new_years_card/2010/2010_001b.jpg','../image/new_years_card/2010/2010_002b.jpg','../image/new_years_card/2010/2010_003b.jpg','../image/new_years_card/2010/2010_004b.jpg','../image/new_years_card/2010/2010_005b.jpg','../image/new_years_card/2010/2010_006b.jpg','../image/new_years_card/2010/2010_007b.jpg','../image/new_years_card/2010/2010_008b.jpg','../image/new_years_card/2010/2010_009b.jpg','../image/new_years_card/2010/2010_010b.jpg','../image/new_years_card/2010/2010_011b.jpg','../image/new_years_card/2010/2010_012b.jpg','../image/new_years_card/2010/2010_013b.jpg','../image/new_years_card/2010/2010_014b.jpg','../image/new_years_card/2010/2010_015b.jpg','../image/new_years_card/2010/2010_016b.jpg','../image/new_years_card/2011/2011_001b.jpg','../image/new_years_card/2011/2011_002b.jpg','../image/new_years_card/2011/2011_003b.jpg','../image/new_years_card/2011/2011_004b.jpg','../image/new_years_card/2011/2011_005b.jpg','../image/new_years_card/2011/2011_006b.jpg','../image/new_years_card/common/common_001b.jpg','../image/new_years_card/common/common_002b.jpg','../image/gallery/variation001_img02b.jpg','../image/gallery/variation002_img02b.jpg','../image/gallery/variation003_img02b.jpg','../image/gallery/variation004_img02b.jpg','../image/gallery/variation006_img02b.jpg','../image/gallery/variation007_img02b.jpg','../image/gallery/variation008_img02b.jpg','../image/gallery/variation008_img03b.jpg','../image/gallery/variation009_img02b.jpg','../image/gallery/variation009_img03b.jpg','../image/gallery/variation010_img02b.jpg','../image/gallery/variation010_img03b.jpg','../image/gallery/variation010_img04b.jpg','../image/gallery/variation011_img02b.jpg','../image/gallery/variation011_img03b.jpg','../image/gallery/variation012_img02b.jpg','../image/gallery/variation013_img02b.jpg','../image/gallery/variation013_img03b.jpg','../image/gallery/variation014_img02b.jpg','../image/gallery/variation015_img02b.jpg','../image/gallery/variation015_img03b.jpg','../image/gallery/variation016_img02b.jpg','../image/gallery/variation016_img03b.jpg','../image/gallery/variation017_img02b.jpg','../image/gallery/variation017_img03b.jpg','../image/gallery/variation018_img02b.jpg','../image/matsuribayashi/matsuribayashi_img01b.jpg','../image/matsuribayashi/matsuribayashi_img02b.jpg','../image/matsuribayashi/matsuribayashi_img03b.jpg','../image/matsuribayashi/postcard_faceb.jpg','../image/matsuribayashi/postcard_backb.jpg','../image/matsuribayashi/gallery2009/2009_001b.jpg','../image/matsuribayashi/gallery2009/2009_002b.jpg','../image/matsuribayashi/gallery2009/2009_003b.jpg','../image/matsuribayashi/gallery2009/2009_004b.jpg','../image/matsuribayashi/gallery2009/2009_005b.jpg','../image/matsuribayashi/gallery2009/2009_006b.jpg','../image/matsuribayashi/gallery2009/2009_007b.jpg','../image/matsuribayashi/gallery2009/2009_008b.jpg','../image/matsuribayashi/gallery2009/2009_009b.jpg','../image/matsuribayashi/gallery2009/2009_010b.jpg','../image/matsuribayashi/gallery2009/2009_011b.jpg','../image/matsuribayashi/gallery2009/2009_012b.jpg','../image/matsuribayashi/gallery2009/2009_013b.jpg','../image/matsuribayashi/gallery2009/2009_014b.jpg','../image/matsuribayashi/gallery2009/2009_015b.jpg','../image/matsuribayashi/gallery2009/2009_016b.jpg','../image/matsuribayashi/gallery2009/2009_017b.jpg','../image/matsuribayashi/gallery2009/2009_018b.jpg','../image/matsuribayashi/gallery2009/2009_019b.jpg','../image/matsuribayashi/gallery2009/2009_020b.jpg','../image/matsuribayashi/gallery2009/2009_021b.jpg','../image/matsuribayashi/gallery2009/2009_022b.jpg','../image/matsuribayashi/gallery2009/2009_023b.jpg','../image/matsuribayashi/gallery2011/2011_001b.jpg','../image/matsuribayashi/gallery2011/2011_002b.jpg','../image/matsuribayashi/gallery2011/2011_003b.jpg','../image/matsuribayashi/gallery2011/2011_004b.jpg','../image/matsuribayashi/gallery2011/2011_005b.jpg','../image/matsuribayashi/gallery2011/2011_006b.jpg','../image/matsuribayashi/gallery2011/2011_007b.jpg','../image/matsuribayashi/gallery2011/2011_008b.jpg','../image/matsuribayashi/gallery2011/2011_009b.jpg','../image/matsuribayashi/gallery2011/2011_010b.jpg','../image/matsuribayashi/gallery2011/2011_011b.jpg','../image/matsuribayashi/gallery2011/2011_012b.jpg','../image/matsuribayashi/gallery2011/2011_013b.jpg','../image/matsuribayashi/gallery2011/2011_014b.jpg','../image/matsuribayashi/gallery2011/2011_015b.jpg','../image/matsuribayashi/gallery2011/2011_016b.jpg','../image/matsuribayashi/gallery2011/2011_017b.jpg','../image/matsuribayashi/gallery2011/2011_018b.jpg','../image/matsuribayashi/gallery2011/2011_019b.jpg','../image/matsuribayashi/gallery2011/2011_020b.jpg','../image/matsuribayashi/gallery2011/2011_021b.jpg','../image/matsuribayashi/gallery2011/2011_022b.jpg','../image/matsuribayashi/gallery2011/2011_023b.jpg','../image/matsuribayashi/gallery2011/2011_024b.jpg','../image/matsuribayashi/gallery2011/2011_025b.jpg','../image/matsuribayashi/gallery2011/2011_026b.jpg','../image/matsuribayashi/gallery2011/2011_027b.jpg','../image/sanpo_backnumber/2010/back_091120b.jpg','../image/sanpo_backnumber/2010/back_100101b.jpg','../image/sanpo_backnumber/2010/back_100222b.jpg','../image/sanpo_backnumber/2010/back_100325b.jpg','../image/sanpo_backnumber/2010/back_100427b.jpg','../image/sanpo_backnumber/2010/back_100521b.jpg','../image/sanpo_backnumber/2010/back_100618b.jpg','../image/sanpo_backnumber/2010/back_100728b.jpg','../image/sanpo_backnumber/2010/back_101102b.jpg','../image/sanpo_backnumber/2011/back_110106b.jpg','../image/sanpo_backnumber/2011/back_110118_1b.jpg','../image/sanpo_backnumber/2011/back_110118_2b.jpg','../image/sanpo_backnumber/2011/back_110118_3b.jpg','../image/sanpo_backnumber/2011/back_1100203_1b.jpg','../image/sanpo_backnumber/2011/back_1100203_2b.jpg','../image/sanpo_backnumber/2011/back_1100216_1b.jpg','../image/sanpo_backnumber/2011/back_1100216_2b.jpg','../image/sanpo_backnumber/2011/back_1100216_3b.jpg','../image/sanpo_backnumber/2011/back_110224b.jpg','../image/sanpo_backnumber/2011/back_110324b.jpg','../image/sanpo_backnumber/2011/back_110513b.jpg','../image/sanpo_backnumber/2011/back_110518b.jpg','../image/sanpo_backnumber/2011/back_110524b.jpg','../image/sanpo_backnumber/2011/back_110601b.jpg');
		
	}

	window.scrollTo(0,0);
	
}

function play(){
	$("#bigImg").css("display","none").css("visibility","visible");
	$("#loading").remove();
	var w = $(window).width();
	var h = $(window).height();
	var imgW = $("#bigImg").width();
	var imgH = $("#bigImg").height();
	var imgLeft = (w-imgW-10*2)/2;
	var imgTop = (h-imgH-10*2-50)/2 + y;
	imgLeft = Math.floor(imgLeft);
	imgTop = Math.floor(imgTop);
	$("#logo").css("left",imgLeft+"px").css("top",imgTop+"px");
	$("#logo").width(imgW);
	$("#bigImg").css("left",imgLeft+"px").css("top",imgTop+50+"px");
	$("#close").css("left",imgLeft+"px").css("top",imgTop+50+imgH+10*2+"px");
	$("#close").width(imgW);
	$("#logo ,#bigImg , #close").fadeIn(2000);
}

$(function(){

	$(window).scroll(function(){
		var y1 = document.documentElement.scrollTop;
		var y2 = document.body.scrollTop;
		if (y1>y2) {y=y1} else {y=y2}
		$("#back").css("top",y+"px");
	});

});

$(function(){

	$("img.zoom").click(function(){
		var h = $(window).height();
		$("#back").height(h);
		$("#back").append("<img src='../image/common/nowloading.gif' id='loading' style='margin-top: 200px;'>");
		$("#back").css("opacity","0.7").fadeIn(500);
		var fname = $(this).attr("src").slice(0,-4);
		$("body").append("<img src='"+fname+"b.jpg' class='big' id='bigImg'>");
		$("#bigImg").css("display","block").css("visibility","hidden");
		//$("#bigImg").load(play);
		
		//if ( browser.match( /Opera[^0-9a-zA-Z]*([0-9.]+)[^;]/ ) ) { //Opera の場合の処理
		if ( window.opera ) { //Opera の場合の処理
			play();
		} else {
			$("#bigImg").load(play);　//Opera 以外の処理
		}
		
	});

	$("#close").click(function(){
		$("#logo").css("display","none");
		$("#bigImg").remove();
		$("#close").css("display","none");
		$("#back").fadeOut(1000);
	});

});