var $j = jQuery.noConflict();
var index = 0;
var xScroll;
var yScroll;
var maxWidth;
var maxHeight;
var minWidth = 150; //最小幅(prev、nextがずれる為)
var cacheImg = null;
var title = "";
var api = "";

function imageClick(event){
	$j("select").hide();
	var height = $j('body:first').height();
	var width = document.documentElement.clientWidth;
	$j('#lightbox-overlay').height(height).width(width).show();
//	var t = event.target.rel ? event.target : event.target.parentNode.rel ? event.target.parentNode.rel : event.target.parentNode.parentNode;
	var t =  event.target.rel ? event.target :event.target.parentNode;
	index = t.rel - 1;
	title = t.title ? t.title : t.innerText;
	setInnerHtml(t.href);
	$j(window).unbind().resize(function(){imageLoaded()}).scroll(function(){imageLoaded()});
	return false;
};
function setInnerHtml(image){

	setApi(image);

	$j('#lightbox-layer-image').hide();
	$j('#lightbox-layer-info').show();
	showLoading();

	//ajax request
	$j.ajax({
		type: 'GET',
		url: "/mo/"+picsid+"/movie/",
		data: {
//			act: "api_getmovielightbox",
//			id: picsid,
			src: image
		},
		success: function(data){
			$j('#lightbox-layer-info').hide();
			var div = '<div id="lightbox-imageContainer">'+data+'</div>';
			var navi = '<div id="lightbox-nav">';
			if(index > 0){
				navi += '<a href="" id="lightbox-prev"></a>';
			}
			if(index < $j(".heightLine .thumb").length - 1){
				navi += '<a href="" id="lightbox-next"></a>';
			}
			navi += '</div>';
			var infoHeader = '<div id="lightbox-infoHeader"><a href="'+image+'" target="_blank">'+title+'</a></div>';
			var infoFooter = '<div id="lightbox-infoFooter"><span id="lightbox-close">Close X</span></div>';
			$j("#lightbox-layer-image").html(div + infoHeader + navi + infoFooter);

			cacheImg = new Array();
			cacheImg.width = $j("#lightbox-imageContainer object").attr("width");
			cacheImg.height = $j("#lightbox-imageContainer object").attr("height");
			imageLoaded();

			$j('#lightbox-prev').click(function(event){
				prevImage(event);
				return false;
			});
			$j('#lightbox-next').click(function(event){
				nextImage(event);
				return false;
			});
		}
	});
};

function prevImage(event){
	index--;
	var t = $j('.heightLine .thumb')[index];
	title = t.title ? t.title : t.innerText;
	setInnerHtml($j('.heightLine .thumb')[index]);
};
function nextImage(event){
	index++;
	var t = $j('.heightLine .thumb')[index];
	title = t.title ? t.title : t.innerText;
	setInnerHtml($j('.heightLine .thumb')[index]);
};

function imageLoaded(){
	if (cacheImg == null) return;
	if(cacheImg.width == 0){
		setTimeout("imageLoaded()", 100);
		return;
	}
	var height = cacheImg.height;
	var width = cacheImg.width;
	maxWidth = $j(window).width() * 0.8;
	maxHeight = $j(window).height() * 0.8;
	if(isIE){
		//IEでobjectタグのwidth,heightが取れない為
		if(api == "yt"){
			width = 425;
			height = 355;
		}else if(api == "am"){
			width = 440;
			height = 349;
		}else if(api == "zm"){
			width = 360;
			height = 288;
		}
	}
	var hPer = maxHeight / cacheImg.height;
	var wPer = maxWidth / width;

	$j('#lightbox-layer-image').show();

	if (self.pageYOffset)
	{	// Some browser
		yScroll = self.pageYOffset;
		xScroll = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop)
	{	// Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
		xScroll = document.documentElement.scrollLeft;
	} else if (document.body)
	{	// All other browsers
		yScroll = document.body.scrollTop;
		xScroll = document.body.scrollLeft;	
	}
	var top = ($j(window).height() - height) / 2 + yScroll;
	var left = ($j(window).width() - width) / 2 + xScroll;
	$j('#lightbox-imageContainer').height(height).width(width);
	$j('#lightbox-layer-image').height(parseInt(height)+parseInt($j("#lightbox-nav").height())).width(width);
	$j('#lightbox-nav').width(width);
	$j('#lightbox-infoFooter').width(width);
	$j('#lightbox-infoFooter span').click(function(){closeLightBox()});
	$j('#lightbox-layer-loading').hide();
	$j('#lightbox-layer-info').css('top', top).css('left', left).show();
}

$j(document).ready(function () {
	var html = '<div id="lightbox-layer-loading" style="display:block;vertical-align:middle;text-align:center;"><img src="/'+site_category+'/common/img/loading.gif"></div>';
	html += '<div id="lightbox-layer-image" style="display:block"></div>';
	$j('#lightbox-layer-info').html(html);
	$j("#lightbox-layer-loading img").load(function(){showLoading();$j('#lightbox-layer-loading').hide();});

	$j('#lightbox-overlay').click(function(){closeLightBox()});
});

function closeLightBox(){
	$j('#lightbox-overlay').hide();
	$j('#lightbox-layer-info').hide();
	$j('select').show();
	cacheImg = null;
}

function showLoading(){
	$j('#lightbox-layer-image').hide();
	if (self.pageYOffset)
	{	// Some browser
		yScroll = self.pageYOffset;
		xScroll = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop)
	{	// Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
		xScroll = document.documentElement.scrollLeft;
	} else if (document.body)
	{	// All other browsers
		yScroll = document.body.scrollTop;
		xScroll = document.body.scrollLeft;	
	}
	var top = ($j(window).height() - $j('#lightbox-layer-info').height()) / 2 + yScroll;
	var left = ($j(window).width() - $j('#lightbox-layer-info').width()) / 2 + xScroll;
	$j('#lightbox-layer-info').css('top', top).css('left', left).show();
	$j('#lightbox-layer-loading').show();
}

function setApi(url){
	if(url.toString().indexOf("youtube", 0) != -1){
		api = "yt"
	}
	if(url.toString().indexOf("ameba", 0) != -1){
		api = "am"
	}
	if(url.toString().indexOf("zoome", 0) != -1){
		api = "zm"
	}
}

function isIE(){
	if(navigator.userAgent.indexOf("MSIE") != -1){ // 文字列に「MSIE」が含まれている場合
		return true;
	}
	return false;
}