////////////////////////////////////////////////////////////
(function($) {
//DOMロード完了前の初期設定/////////////////////////////////
var movieArray = new Array;
movieArray = [138, 134, 139, 141, 133, 137, 132, 135, 140, 143, 136, 142];

var playerDataID = 32;
var nowSelectedNum = 0;

$(document).ready(function(){
//DOMロード完了後の初期設定/////////////////////////////////
var entrySet = $('div#entrySet');
var nextBtn = entrySet.children('div#btnR');
var prevBtn = entrySet.children('div#btnL');
var closeBtn = entrySet.children('div#btnClose');
var eachList = entrySet.children('ol').children('li');

var eachBtn = $('div#mainBox>ol>li');
//var eachBtn = $('div#mainBox>ol>li>span.details');

entrySet.show();

//HTMLを読み込み、完了後パースする関数をたたく//////////////
$.ajax({
  url: "index.html",
  dataType: "html",
  cache: false,
  success: function(html){
    readVoteNum(html);
  }
});

//最初に動かしておく関数（プロフィールを隠す）//////////////
allInitialize();
entrySet.hide();


//ボタンのアクションの関数群ここから////////////////////////
//「詳しくはこちら」の全ボタンにマウスオーバーのアクションを
//設定する関数//////////////////////////////////////////////
eachBtn.each(function(i){
	$(this).hover(
		function(){$(this).children('span.details').attr('class','details over')},
		function(){$(this).children('span.details').attr('class','details')}
	);
});

nextBtn.each(function(i){
	$(this).hover(
		function(){$(this).attr('class','overLRBtn')},
		function(){$(this).attr('class','')}
	);
});

prevBtn.each(function(i){
	$(this).hover(
		function(){$(this).attr('class','overLRBtn')},
		function(){$(this).attr('class','')}
	);
});

closeBtn.each(function(i){
	$(this).hover(
		function(){$(this).attr('class','overCloseBtn')},
		function(){$(this).attr('class','')}
	);
});

//それぞれのボタンのクリックアクションをバインド////////////
eachBtn.bind('click', function(ev){
	var thisSpan = $(this).children('span.details');
	var myNumText = thisSpan.attr('title');
	var myNum = (myNumText.length > 3) ? thisSpan.attr('title').slice(2,4) : thisSpan.attr('title').slice(2,3);
	newOpen(myNum);
	return false;
});

//戻るボタンを押したときの処理//////////////////////////////
closeBtn.click(function(){
	removeMovie(nowSelectedNum);
	allInitialize();
	entrySet.hide();
});

//右のボタンを押したときの処理//////////////////////////////
nextBtn.click(function(){
	removeMovie(nowSelectedNum);
	allInitialize();
	var nextNum = (nowSelectedNum >= 12) ? 1 : parseInt(nowSelectedNum, 10) + 1;
	if(nextNum === 6){
		nextNum = nextNum + 1; 
	}
	selectMovie(nextNum);
});

//左のボタンを押したときの処理//////////////////////////////
prevBtn.click(function(){
	removeMovie(nowSelectedNum);
	allInitialize();
	var prevNum = (nowSelectedNum <= 1) ? 12 : parseInt(nowSelectedNum, 10) - 1;
	if(prevNum === 6){
		prevNum = prevNum - 1; 
	}
	selectMovie(prevNum);
});

//ボタンのアクションの関数群ここまで////////////////////////


//核となる処理の関数群ここから//////////////////////////////
function readVoteNum(myHTML){
	var myNoteNumList = $.makeArray($(myHTML).find('div#mainBox>ol>li'));
	var listLen = myNoteNumList.length;
	for(i=0; i<12; i++){
		var myList = myNoteNumList[i];
		var myListSpanNum = $(myList);
		var myVoteNum = myListSpanNum.children('span.num').children('span').text().slice(0,5);
		setVoteNum(myVoteNum, i);
	};
};

function setVoteNum(myVoteNum, myNum){
	var myStrSet = '';
	var myNum1 = myVoteNum.slice(0,1);
	var myNum2 = myVoteNum.slice(1,2);
	var myNum3 = myVoteNum.slice(2,3);
	var myNum4 = myVoteNum.slice(3,4);
	var myNum5 = myVoteNum.slice(4,5);
	
	myStrSet += '<img src="img/' + myNum1 + '.gif" alt="' + myNum1 + '" />';
	myStrSet += '<img src="img/' + myNum2 + '.gif" alt="' + myNum2 + '" />';
	myStrSet += '<img src="img/' + myNum3 + '.gif" alt="' + myNum3 + '" />';
	myStrSet += '<img src="img/' + myNum4 + '.gif" alt="' + myNum4 + '" />';
	myStrSet += '<img src="img/' + myNum5 + '.gif" alt="' + myNum5 + '" />';
	
	$('div#mainBox>ol>li:eq(' + myNum + ')>span.num').append(myStrSet);
};


function allInitialize(){
	eachList.each(function(i){
		$(this).hide();
	});
};

function newOpen(myNum){
	entrySet.show();
	selectMovie(myNum);
};

function selectMovie(myNum){
	var myListName = $('div#entrySet>ol>li#no' + myNum);
	var myMovieTarget = myListName.children('span.movie');
	var myMovieNum = movieArray[myNum - 1];
	
	countGA(myNum);
	myListName.fadeIn(400);
	changeEmbed(playerDataID, myMovieNum, myMovieTarget);
	
	nowSelectedNum = myNum;
	return false;
};

function removeMovie(myNum){
	var myListName = $('div#entrySet>ol>li#no' + myNum);
	var myMovieTarget = myListName.children('span.movie');
	myMovieTarget.empty();
};

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

// id_videodata // 貼り付けタグ中のid_videodata
function changeEmbed(myData, myVideoID, myTarget) {
	
	var width = 320;	// 貼り付けタグ中のid_playerdata
	var height = 275;	// 貼り付けタグ中の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 + '" />';
};

});
})(jQuery);