/*
 * ProgramName		:	jQuery Lightbox Curve v1.0  				- http://www.atod.jp/
 * Required File	: jQuery 1.2.6 												- http://jquery.com/
 *        				: jQuery Easing v1.3 									- http://gsgd.co.uk/sandbox/jquery/easing/
 *        				: swfobject v2.1											- http://code.google.com/p/swfobject/
 * License				:	Open source under the MIT License.
 * Author					: Naofumi Torichigai
 * Date						: 2008.07.26
 * Copyright			: 2008 AtoD All rights reserved.
 * 
 *
*/


/*******************************************************************************
 *		Initial Setting
 *******************************************************************************/

var cssPath						= "/js/lightboxcurve/jquery.lightbox.curve.css";
var closeBtnPath			= "/js/lightboxcurve/closelabel.gif";
var prevBtnPath				= "/js/lightboxcurve/prevlabel.gif";
var nextBtnPath				= "/js/lightboxcurve/nextlabel.gif";
var loadingPicPath		= "/js/lightboxcurve/loading.gif";
var blankPicPath			= "/js/lightboxcurve/blank.gif";
var bgOpacity 				= "0.80";
var bgColor 					= "#ffffff";
//var bgColor 					= "#4E3B39";
var imgTopPos					= 100;
var Padding						= 5;

/*******************************************************************************
 *		Initial Declare
 *******************************************************************************/

var xScroll, yScroll;
var windowWidth, windowHeight;
var largestWidth, largestHeight;
var smallestWidth, smallestHeight;
var imgW, imgH;
var StartLeft, MidLeft, EndLeft;
var StartTop, MidTop, EndTop;
var arrImg = new Array();
var objImg = new Array();
var objSWF = new Array();
var showMode;
var StartW,StartH,EndW,EndH;

/*******************************************************************************
 *		Construct
 *******************************************************************************/

	$(document).ready(function (){
		$('head').append('<link rel="stylesheet" type="text/css" href="'+ cssPath +'" media="screen" />');
		$('body').append('<div id="lightboxbg" onclick="hideLightWindow()"></div><div id="lightbox"><div id="lightboximg" onclick="hideLightWindow()"></div></div>');
		$("#lightboxbg").css("opacity","0");
		$("#lightboxbg").css("backgroundColor",bgColor);
		$("#lightboxbg").css("display","none");
		$("#lightbox").css("opacity","0");
		$("#lightbox").css("display","none");

		var curNum = 0;
		$("a").each(function(key,value){
			if($(this).attr("class") == "lightbox"){
			  arrImg.push($(this).attr("href"));
			  $(this).attr("href","javascript:LightBox("+curNum+")");
			  curNum++;
			}else if($(this).attr("class") == "lightboxswf"){
				swf = $(this).attr("href");
				rel = $(this).attr("rel");
				buf = rel.split(",");
				swfW = buf[0];
				swfH = buf[1];
				$(this).attr("href","javascript:LightBoxSWF('"+swf+"',"+swfW+","+swfH+")");
				objSWF[key] = new Image();
				objSWF[key].src = swf;
			}
		});
		$.each(arrImg,function(key, value){
				objImg[key] = new Image();
			  objImg[key].src = arrImg[key];
		});
	});


/*******************************************************************************
 *		Main Function
 *******************************************************************************/
 
function LightBox(ImgNum){
	var ImgNum;
	var sTop = 0;
	
	showMode = "IMG";
	
	$("#lightboximg").html('<img src="'+arrImg[ImgNum]+'" alt="" />');
	
	setBgSize();
	
	imgW = objImg[ImgNum].width;
	imgH = objImg[ImgNum].height;
	
	$("#lightbox").width(imgW);

	StartLeft = Math.floor((windowWidth / 4) - 100) / 2;
	MidLeft = Math.floor(windowWidth / 2) - imgW / 2;
	EndLeft = MidLeft + MidLeft - StartLeft;
	
	sTop = $(window).scrollTop();
	
	StartTop = sTop - imgH;
	if(windowHeight > imgH){
		MidTop = sTop + Math.floor((windowHeight - imgH) / 2);
	}else{
		MidTop = sTop + imgTopPos;
	}
	EndTop = StartTop;
	
	$("#lightboxbg").css("display","block");
	$("#lightboxbg").animate({opacity:bgOpacity},"fast",function(){
		$("#lightboximg").css("display","block");
		$("#lightboximg").css("opacity",1);
		$("#lightboximg").css("top",0);
		$("#lightboximg").css("left",0);
		$("#lightbox").css("display","block");
		$("#lightbox").css("opacity",0);
		//$("#lightbox").css("top","-"+imgH+"px");
		//$("#lightbox").css("left",StartLeft+"px");
		$("#lightbox").css("top",MidTop);
		$("#lightbox").css("left",MidLeft);
		//alert("display:"+$("#lightboximg").css("display")+" width:"+imgW+" height:"+imgH+" top:"+$("#lightboximg").css("top")+" left:"+$("#lightboximg").css("left"));
		$("#lightbox").animate({top:MidTop,left:MidLeft,opacity:1},"fast","easeOutQuad");
	});
}

/* SWF•\Ž¦ */
function LightBoxSWF(swf,swfW,swfH){
	var swf,swfW,swfH;
	var sTop = 0;
	var swfcode;
	
	showMode = "SWF";
	
	swfcode = '<script type="text/javascript">'+
						'var so = new SWFObject("'+swf+'", "lightboxswf", "'+swfW+'px", "'+swfH+'px", "9", "#ffffff");'+
						'so.addParam("allowFullScreen", "false");'+
						'so.addParam("quality", "best");'+
						'so.addParam("menu", "false");'+
						'so.addParam("wmode", "transparent");'+
						'so.write("lightboximg")'+
						'</script>';
	//$("#lightboximg").html(swfcode);
	
	setBgSize();
	
	$("#lightbox").width(swfW);
	$("#lightbox").height(swfH);
	
	/*
	StartLeft = Math.floor((windowWidth / 4) - 100) / 2;
	MidLeft = Math.floor(windowWidth / 2) - swfW / 2;
	EndLeft = MidLeft + MidLeft - StartLeft;
	
	sTop = $(window).scrollTop();
	
	StartTop = sTop - swfH;
	MidTop = sTop + imgTopPos;
	EndTop = StartTop;
	*/
	
	StartW = Math.floor(swfW / 3 * 2);
	StartH = Math.floor(swfH / 3 * 2);
	EndW = StartW;
	EndH = StartH;
	
	StartLeft = Math.floor(windowWidth / 2 - StartW / 2);
	MidLeft = Math.floor(windowWidth / 2) - swfW / 2;
	EndLeft = StartLeft;
	
	sTop = $(window).scrollTop();
	
	StartTop = Math.floor(windowHeight / 2 - StartH / 2);
	if(windowHeight > swfH){
		MidTop = sTop + Math.floor((windowHeight - swfH) / 2);
	}else{
		MidTop = sTop + imgTopPos;
	}
	EndTop = StartTop;
	
	
	$("#lightboxbg").css("display","block");
	$("#lightboxbg").animate({opacity:bgOpacity},"fast",function(){
		$("#lightbox").css({display:"block",opacity:0,width:StartW,height:StartH,top:StartTop,left:StartLeft,backgroundColor:"#FFFFFF"})
									.animate({top:MidTop,left:MidLeft,opacity:1,width:swfW,height:swfH},"fast","easeOutQuad",function(){
										$("#lightboximg").html(swfcode).animate({opacity:1},"fast","easeOutQuad");
									});
	});
}

function hideLightWindow() {
	if(showMode == "IMG"){
		$("#lightbox").animate({top:MidTop,left:MidLeft,opacity:0},"fast","easeOutQuad",function(){
			$("#lightboxbg").animate({opacity:0},"fast",function(){
				$("#lightboxbg").hide().css({top:0,left:0,width:0,height:0});
				$("#lightbox").hide().css({top:0,left:0});
				//$("#lightboximg").css({width:0,height:0,opacity:0}).html("");
			});
		});
	}else{
		$("#lightboximg").animate({opacity:0},"slow","easeOutQuad",function(){
			$("#lightbox").animate({top:EndTop,left:EndLeft,opacity:0,width:EndW,height:EndH},"slow","easeOutQuad",function(){
				$("#lightboxbg").animate({opacity:0},"fast",function(){
					$("#lightboxbg").hide().css({top:0,left:0,width:0,height:0});
					$("#lightbox").css({top:0,left:0,width:0,height:0});
					//$("#lightboximg").css({width:0,height:0,left:0,top:0}).html("");
				});
			});
		});
	}
}


/*******************************************************************************
 *		Common Function
 *******************************************************************************/

function setBgSize(){
	
	//Scroll Area
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	//Window Area
	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

	// Set pageHeight
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// Set pageWidth
	if(xScroll < windowWidth){	
		pageWidth = xScroll;		
	} else {
		pageWidth = windowWidth;
	}
	
	// lightboxbg Width
	if(pageWidth >= windowWidth){
		largestWidth = pageWidth; smallestWidth = windowWidth;
	}else{
		largestWidth = windowWidth; smallestWidth = pageWidth;
	}

	// lightboxbg Height
	if(pageHeight >= windowHeight){
		largestHeight = pageHeight; smallestHeight = windowHeight;
	}else{
		largestHeight = windowHeight; smallestHeight = pageHeight;
	}

	$("#lightboxbg").width(largestWidth);
	$("#lightboxbg").height(largestHeight);

}