var $j = jQuery.noConflict();
var movie_index = 0;
var movie_xScroll;
var movie_yScroll;
var movie_maxWidth;
var movie_maxHeight;
var movie_minWidth = 150; //最小幅(prev、nextがずれる為)
var cacheMovie = null;
var movie_title = "";
var movie_api = "";

function movieClick(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;
	movie_index = t.rel - 1;
//	movie_title = t.text ? t.text : t.innerText;
	movie_title = event.title;
	setMovieInnerHtml(t.href);
	$j(window).unbind().resize(function(){movieLoaded()}).scroll(function(){movieLoaded()});
	return false;
};
function setMovieInnerHtml(image){

	setMovieApi(image);

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

	//ajax request
	$j.ajax({
		type: 'GET',
		url: "/people/"+detail_id+"/mo/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(movie_index > 0){
				navi += '<a href="" id="lightbox-prev"></a>';
			}
			if(movie_index < $j(".movie .heightLine .thumb").length - 1){
				navi += '<a href="" id="lightbox-next"></a>';
			}
			navi += '</div>';
			var infoHeader = '<div id="lightbox-infoHeader"><a href="'+image+'" target="_blank">'+movie_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);

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

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

function prevMovie(event){
	movie_index--;
	var t = $j('.movie .heightLine .thumb')[movie_index];
	movie_title = t.title;
	setMovieInnerHtml($j('.movie .heightLine .thumb')[movie_index]);
};
function nextMovie(event){
	movie_index++;
	var t = $j('.movie .heightLine .thumb')[movie_index];
	movie_title = t.title;
	setMovieInnerHtml($j('.movie .heightLine .thumb')[movie_index]);
};

function movieLoaded(){
	if (cacheMovie == null) return;
	if(cacheMovie.width == 0){
		setTimeout("movieLoaded()", 100);
		return;
	}
	var height = cacheMovie.height;
	var width = cacheMovie.width;
	movie_maxWidth = $j(window).width() * 0.8;
	movie_maxHeight = $j(window).height() * 0.8;
	if(isIE){
		//IEでobjectタグのwidth,heightが取れない為
		if(movie_api == "yt"){
			width = 425;
			height = 355;
		}else if(movie_api == "am"){
			width = 440;
			height = 349;
		}else if(movie_api == "zm"){
			width = 360;
			height = 288;
		}else if(movie_api == "ve"){
			width = 410;
			height = 341;
		}
	}
	var hPer = movie_maxHeight / cacheMovie.height;
	var wPer = movie_maxWidth / width;

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

	if (self.pageYOffset)
	{	// Some browser
		movie_yScroll = self.pageYOffset;
		movie_xScroll = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop)
	{	// Explorer 6 Strict
		movie_yScroll = document.documentElement.scrollTop;
		movie_xScroll = document.documentElement.scrollLeft;
	} else if (document.body)
	{	// All other browsers
		movie_yScroll = document.body.scrollTop;
		movie_xScroll = document.body.scrollLeft;	
	}
	var top = ($j(window).height() - height) / 2 + movie_yScroll;
	var left = ($j(window).width() - width) / 2 + movie_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(){closeMovieLightBox()});
	$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="/doracolle/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(){showMovieLoading();$j('#lightbox-layer-loading').hide();$j('#lightbox-layer-info').hide();});

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

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

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

function setMovieApi(url){
	if(url.toString().indexOf("youtube", 0) != -1){
		movie_api = "yt"
	}
	if(url.toString().indexOf("ameba", 0) != -1){
		movie_api = "am"
	}
	if(url.toString().indexOf("zoome", 0) != -1){
		movie_api = "zm"
	}
	if(url.toString().indexOf("veoh", 0) != -1){
		movie_api = "ve"
	}
}

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