////////////////////////////////////////////////////////////
(function($) {
//DOMロード完了前の初期設定/////////////////////////////////

$(document).ready(function(){

var meeCmOL = $('div#cm>ol');
var meeCMLiNum = meeCmOL.children('li').length;
var meeCmOLHight = Math.ceil(meeCMLiNum / 4) * 134;

meeCmOL.css('height', meeCmOLHight + 'px');

var meeMovieOL = $('div#backStageArchive>ol');
var meeMovieLiNum = meeMovieOL.children('li').length;
var meemovieOLHight = Math.ceil(meeMovieLiNum / 4) * 190;

meeMovieOL.css('height', meemovieOLHight + 'px');


meeCmOL.children('li').bind('click', function(){
	var myNum = $(this).attr('id');
	selectMovie(myNum);
});

meeMovieOL.children('li').bind('click', function(){
	var myID = $(this).attr('id');
	popupMovie(myID);
});

meeCmOL.children('li').hover(
	function(){$(this).addClass('over')},
	function(){$(this).removeClass('over')}
);

meeMovieOL.children('li').hover(
	function(){$(this).addClass('over')},
	function(){$(this).removeClass('over')}
);

$.fn.firstSelectMovie = function(myID){
	selectMovie(myID);
}

function selectMovie(myID){
	var myNum = myID.slice(0, myID.indexOf('_'));
	var myWidth = myID.slice(myID.indexOf('w')+1, myID.indexOf('w')+4);
	var myheight = myID.slice(myID.indexOf('h')+1, myID.indexOf('h')+4);
	var newHeight = parseInt(myheight, 10) + 35;
	var playerDataID = myID.slice(myID.indexOf('p')+1, myID.indexOf('p')+3);
	countGA(myNum);
	var myMovieTarget = $('div#cm>div#movieBox');
	changeEmbed(playerDataID, myNum, myMovieTarget, myWidth, newHeight);
	
	//衣装クレジットの表示・非表示
	if(myNum == 326){
		$('div#cm>p').show();
	}else{
		$('div#cm>p').hide();
	}
	return false;
};

function popupMovie(myID){
	var myNum = myID.slice(0, myID.indexOf('_'));
	var myWidth = myID.slice(myID.indexOf('w')+1, myID.indexOf('w')+4);
	var myheight = myID.slice(myID.indexOf('h')+1, myID.indexOf('h')+4);
	var playerDataID = myID.slice(myID.indexOf('p')+1, myID.indexOf('p')+3);
	countGA(myNum);
	startPopUp(playerDataID, myNum, myWidth, myheight);
	return false;
};

/*Googlo Analyticsでカウントする関数============================ */
function countGA(myNum){
	var pageName = '/movie/' + myNum + '.html';
	/* Googlo Analyticsのカウント関数を実行 */
	pageTracker._trackPageview(pageName);
};

// id_videodata // 貼り付けタグ中のid_videodata
function changeEmbed(myData, myVideoID, myTarget, myWidth, myHeight) {
	
	var width = myWidth;	// 貼り付けタグ中のid_playerdata
	var height = myHeight;	// 貼り付けタグ中のid_playerdata
	var projectcode = "cancamtv";	// 貼り付けタグ中のprojectcode
	var id_playerdata = myData;		// 貼り付けタグ中のid_playerdata
	var id_playercanvasdata = 1;	// 貼り付けタグ中のid_playercanvasdata
	myTarget.empty();
	var myLoadTag = createEmbed(myVideoID,width,height,projectcode,id_playerdata,id_playercanvasdata);
	myTarget.append(myLoadTag);

	return false; 
};

function createEmbed(id_videodata,width,height,projectcode,id_playerdata,id_playercanvasdata) {
	var query = "";
	query += "&network=" + "uvpm_" + String(Math.round(Math.random() * 100000));
	query += "&projectcode=" + projectcode;
	query += "&id_playerdata=" + id_playerdata;
	query += "&id_playercanvasdata=" + id_playercanvasdata;
	query += "&id_videodata=" + id_videodata;
	query += "&wmode=transparent&";
	return '<embed type="application/x-shockwave-flash" width="' + width + '" height="' + height + '" wmode="transparent" allowfullscreen="true" allowscriptaccess="always" flashvars="' + query + '" src="http://' + projectcode + '.millvi.jp/client/canvas.php?' + query + '" />';
};

function startPopUp(playerDataID, myID, myWidth, myHeight){
	var meeTarget = $('div#backStageArchive');
	var meeHight = meemovieOLHight + 36;
	var newWidth = parseInt(myWidth, 10);
	var newHeight = parseInt(myHeight, 10) + 35;
	
	//2回目以降の処理を軽くするために初めてかどうかのフラグを立てる。0=初めて　1=2回目以降//
	var meeControlFlag = $('div#meeBoxBG').length;
	
	if(meeControlFlag === 0){
		meeTarget.append('<div id="meeBoxBG"></div>');
		var meeBG = $('div#meeBoxBG');
		meeBG.css({
				  'height': meeHight,
				  'opacity':'0.5'
					});
	}else{
		var meeBG = $('div#meeBoxBG');
		meeBG.show();
	};
	
	meeBG.before('<div id="meeBox"></div>');
	var meeBox = $('div#meeBox');
	meeBox.css({
			  'width': newWidth,
			  'height': newHeight,
			  'top': Math.floor((meeHight - newHeight)/2),
			  'left': Math.floor((617 - newWidth)/2)
				});
	
	var myMovieTarget = meeBox;
	changeEmbed(playerDataID, myID, myMovieTarget, newWidth, newHeight);
	
	meeBG.click(function(){
		$(this).hide();
		meeBox.remove();
	});
	
	meeBox.click(function(){
		$(this).remove();
		meeBG.hide();
	});
};

});
})(jQuery);