/* NAVIGATOR STYLE */

/* 
 * true: large rollover popup 
 * false: single rollover
 */
var POPUP = false;

/*
 * only for large rollover popup style
 */
var ZOOM = true;
var EFFECT = true;


/* ROLLOVER STYLE HANDLER */

var title = Array();
var minutes = Array();
var seconds = Array();
var hits = Array();
var author = Array();
var resume = Array();
var note = Array();
var permalink = Array();
var embed = Array();

var nb_medias = 0;
var max = 9;
var moveeffect;

var LBF = EFFECT ? '2' : '';

function mediaRollOver(index, nb_medias, label)
{
	if (POPUP)
	{
		setPopup(index, label);
	}
	else
	{
		$('play_button_' + index).style.display = 'none';
		
		if ($('label_black_filter'+LBF+'_' + index)) 
			$('label_black_filter'+LBF+'_' + index).style.display = 'inline';
		
		// Move blocks
		content_moveeffect = new Effect.MoveBy('rollovercontent_' + index, -100, 0,
		{
			duration: 0.4,
			fps: 25,
			from: 0.0,
			to: 1.0
		});
		length_moveeffect = new Effect.MoveBy('navigator_media_length_' + index, 0, 30,
		{
			duration: 1.0,
			fps: 25,
			from: 0.0,
			to: 1.0
		});
		note_moveeffect = new Effect.MoveBy('navigator_note_panel2_' + index, 0, 135,
		{
			duration: 1.0,
			fps: 25,
			from: 0.0,
			to: 1.0
		});
		
		if (ZOOM) 
			labelZoomIn(index, label);
	}
}
function mediaRollOut(index, label)
{
	$('play_button_' + index).style.display = 'inline';
	
	if ($('label_black_filter'+LBF+'_' + index))
		$('label_black_filter'+LBF+'_' + index).style.display = 'none';

	// init moving blocks positions
	if (!POPUP)
	{
		content_moveeffect.cancel();
		length_moveeffect.cancel();
		note_moveeffect.cancel();
		$('navigator_note_panel2_' + index).style.left = '-50px';
	}

	$('rollovercontent_' + index).style.top = '100px';
	$('navigator_media_length_' + index).style.left = '-30px';

	if (ZOOM)
		labelZoomOut(index, label);
}

function labelZoomIn(index, label)
{
	if (label)
	{
		$('label_' + index).style.width = '135px';
		$('label_' + index).style.height = '110px';
	}

	$('custom_media_link_' + index).style.width = '137px';
	$('custom_media_link_' + index).style.height = '112px';

	$('rollover_container_' + index).style.width = '135px';
	$('rollover_container_' + index).style.height = '110px';

	if ($('label_black_filter'+LBF+'_' + index))
	{
		$('label_black_filter'+LBF+'_' + index).style.width = '135px';
		$('label_black_filter'+LBF+'_' + index).style.height = '110px';
	}

	$('resume_container_' + index).style.width = '127px';
	$('resume_container_' + index).style.height = '103px';

	$('custom_media_' + index).style.width = '137px';
	$('custom_media_' + index).style.height = '123px';

	$('label_title_' + index).style.display = 'none';
	$('title_' + index).style.display = 'inline';

	if (index % 3 == 0)
		$('custom_media_' + index).style.left = '13px';
	if (index % 3 == 1)
		$('custom_media_' + index).style.left = '143px';
	if (index % 3 == 2)
		$('custom_media_' + index).style.left = '272px';
}

function labelZoomOut(index, label)
{
	if (label)
	{
		$('label_' + index).style.width = '118px';
		$('label_' + index).style.height = '96px';
	}

	$('custom_media_link_' + index).style.width = '120px';
	$('custom_media_link_' + index).style.height = '98px';

	$('rollover_container_' + index).style.width = '118px';
	$('rollover_container_' + index).style.height = '96px';

	if ($('label_black_filter'+LBF+'_' + index))
	{
		$('label_black_filter'+LBF+'_' + index).style.width = '116px';
		$('label_black_filter'+LBF+'_' + index).style.height = '81px';
	}

	$('resume_container_' + index).style.width = '108px';
	$('resume_container_' + index).style.height = '73px';

	$('custom_media_' + index).style.width = '120px';
	$('custom_media_' + index).style.height = '142px';

	$('label_title_' + index).style.display = 'inline';
	$('title_' + index).style.display = 'none';

	if (index % 3 == 0)
		$('custom_media_' + index).style.left = '22px';
	if (index % 3 == 1)
		$('custom_media_' + index).style.left = '151px';
	if (index % 3 == 2)
		$('custom_media_' + index).style.left = '281px';
}

function setPopup(index, label)
{
	$('black_background').style.display = 'inline';
	
	// display filters
	for (i = 0; i < nb_medias && i < max; i++) 
		if (i == index)
		{
			$('label_black_filter'+LBF+'_' + i).style.display = 'none';
			$('custom_media_' + i).style.color = 'white';
		}
		else
		{
			$('label_black_filter'+LBF+'_' + i).style.display = 'inline';
			$('custom_media_' + i).style.color = '#555';
		}

	// set Popup position
	if (0 <= index && index <= 2)
		$('resume_popup').style.top = '138px';
	if (3 <= index && index <= 5)
		$('resume_popup').style.top = '260px';
	if (6 <= index && index <= 8)
		$('resume_popup').style.top = '138px';

	// display Popup
	$('resume_popup').style.display = 'inline';

	// set data
	$('resume_title').innerHTML = title[index];
	$('navigator_media_length').innerHTML = 'Durée : <span class="main_color">' +
											(minutes[index] < 10 ? '0' : '') + minutes[index] + ':' +
											(seconds[index] < 10 ? '0' : '') + seconds[index] +
											'</span>';
	$('navigator_media_hits').innerHTML = 'Vues : <span class="main_color">' + hits[index] + '</span>';
	$('navigator_media_author').innerHTML = author[index] ? 'Auteur : ' + author[index] : '';
	$('navigator_media_resume').innerHTML = resume[index];
	
	// display note
	for (i = 0; i < nb_medias && i < max; i++) 
		if (i == index)
			$('navigator_note_panel_' + i).style.top = '23px';
		else
			$('navigator_note_panel_' + i).style.top = '-100px';
}

function mediaBackgroundRollOut()
{
	if ($('black_background'))
	{
		for (i = 0; i < nb_medias && i < max; i++) 
		{
			if ($('label_black_filter'+LBF+'_' + i))
				$('label_black_filter'+LBF+'_' + i).style.display = 'none';
			if ($('custom_media_' + i))
				$('custom_media_' + i).style.color = '#748c22';
		}
		
		$('black_background').style.display = 'none';
		
		closeResumePopup();
	}
}

function closeResumePopup()
{
	$('resume_popup').style.display = 'none';
}

function mediaLoading()
{
	$('details').setOpacity(0.5);
}

function mediaComplete()
{
	$('details').setOpacity(1);
}