// ***************************************************************************
//                          boxMovieSet.js  -  description
//                             -------------------
//    begin                : Fri Dec 9 2005
//    copyright            : (C) 2005 by Andrei Gavrila
//    email                : andrei.gavrila@gmail.com
// ***************************************************************************
//
// ***************************************************************************
// *                                                                         *
// *   This program is free software; you can redistribute it and/or modify  *
// *   it under the terms of the GNU General Public License as published by  *
// *   the Free Software Foundation; either version 2 of the License, or     *
// *   (at your option) any later version.                                   *
// *                                                                         *
// ***************************************************************************

var boxMovieSetMaxItems = 20;

var boxMovieSetNumber               = Array();
var boxMovieSetFrameBackgroundColor = Array();
var boxMovieSetFrameSpacing         = Array();

var boxMovieSetFontColor            = Array();
var boxMovieSetFontHColor           = Array();
var boxMovieSetFontFamily           = Array();
var boxMovieSetFontSize             = Array();
var boxMovieSetFontBold             = Array();
var boxMovieSetFontItalic           = Array();

function boxMovieSet(x, y, w, h, number, frameBackground, space, fontColor, fontHColor, fontFamily, fontSize, fontBold, fontItalic)
{
	if (wmWindowPageActive != 4) {
		alert(wmMessage(1700));

		return;
	}

	boxMovieSetNumber[wmWindowIndex]               = number;
	boxMovieSetFrameBackgroundColor[wmWindowIndex] = frameBackground;
	boxMovieSetFrameSpacing[wmWindowIndex]         = space;

	boxMovieSetFontColor[wmWindowIndex]            = fontColor;
	boxMovieSetFontHColor[wmWindowIndex]           = fontHColor;
	boxMovieSetFontFamily[wmWindowIndex]           = fontFamily;
	boxMovieSetFontSize[wmWindowIndex]             = fontSize;
	boxMovieSetFontBold[wmWindowIndex]             = fontBold;
	boxMovieSetFontItalic[wmWindowIndex]           = fontItalic;

	var setup   = ' \
<div class="wmWindowSetupItem" id="boxMovieSet_' + wmWindowIndex + '_SetupBox_2"> \
<b>' + wmText(3900) + '</b> \
<br /> \
<br /> \
<b>' + wmText(3901) + '</b> <br /> \
<select id="wmWindow_' + wmWindowIndex + '_Setup11" class="wmSetupSelect" onChange="javascript: boxMovieSetSetupNumber(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup11\', this, wmMessage(3901));" /> \
';

	for (i = 1 ; i <= boxMovieSetMaxItems; i++) {
		setup += '<option value="' + i + '"';
		if (i == number)
			setup += ' selected';
		setup += '>' + i + '</option>';
	}

	setup += ' \
</select> \
<br /> \
<br /> \
<b>' + wmText(3902) + '</b> <br /> \
#<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup12" class="wmSetupInputColor" size="6" value="' + boxMovieSetFrameBackgroundColor[wmWindowIndex] + '" onChange="javascript: boxMovieSetSetupFrameBackgroundColor(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup12\', this, wmMessage(3902));" /> \
<a href="javascript: wmColorPicker(\'wmWindow_' + wmWindowIndex + '_Setup12\', mouse_x, mouse_y, \'boxMovieSetSetupFrameBackgroundColor(' + wmWindowIndex + ', src);\');"><img border="0" width="15" height="15" src="images/colorpicker.gif" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup12_0\', this, wmMessage(10000));" /></a> \
<br /> \
<b>' + wmText(3903) + '</b> <br /> \
<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup13" class="wmSetupInputWidth" size="2" value="' + boxMovieSetFrameSpacing[wmWindowIndex] + '" onChange="javascript: boxMovieSetSetupFrameSpacing(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup13\', this, wmMessage(3903));" /> ' + wmText(0) + ' \
<br /> \
</div> \
<div class="wmWindowSetupItem" id="boxMovieSet_' + wmWindowIndex + '_SetupBox_3"> \
<b>' + wmText(3904) + '</b> \
<br /> \
<br /> \
<b>' + wmText(3905) + '</b> <br /> \
#<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup14" class="wmSetupInputColor" size="6" value="' + boxMovieSetFontColor[wmWindowIndex] + '" onChange="javascript: boxMovieSetSetupFontColor(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup14\', this, wmMessage(3904));" /> \
<a href="javascript: wmColorPicker(\'wmWindow_' + wmWindowIndex + '_Setup14\', mouse_x, mouse_y, \'boxMovieSetSetupFontColor(' + wmWindowIndex + ', src);\');"><img border="0" width="15" height="15" src="images/colorpicker.gif" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup14_0\', this, wmMessage(10000));" /></a> \
<br /> \
<b>' + wmText(3906) + '</b> <br /> \
#<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup15" class="wmSetupInputColor" size="6" value="' + boxMovieSetFontHColor[wmWindowIndex] + '" onChange="javascript: boxMovieSetSetupFontHColor(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup15\', this, wmMessage(3905));" /> \
<a href="javascript: wmColorPicker(\'wmWindow_' + wmWindowIndex + '_Setup15\', mouse_x, mouse_y, \'boxMovieSetSetupFontHColor(' + wmWindowIndex + ', src);\');"><img border="0" width="15" height="15" src="images/colorpicker.gif" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup15_0\', this, wmMessage(10000));" /></a> \
<br /> \
<br /> \
<b>' + wmText(3907) + '</b> <br /> \
<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup16" class="wmSetupInputFont" size="12" value="' + boxMovieSetFontFamily[wmWindowIndex] + '" onChange="javascript: boxMovieSetSetupFontFamily(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup16\', this, wmMessage(3906));" /> \
<br /> \
<b>' + wmText(3908) + '</b> <br /> \
<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup17" class="wmSetupInputSize" size="2" value="' + boxMovieSetFontSize[wmWindowIndex] + '" onChange="javascript: boxMovieSetSetupFontSize(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup17\', this, wmMessage(3907));" /> ' + wmText(0) + ' \
<br /> \
<b>' + wmText(3909) + '</b> <br /> \
' + wmText(1) + ' <input type="checkbox" id="wmWindow_' + wmWindowIndex + '_Setup18" ' + (boxMovieSetFontBold[wmWindowIndex] == 1 ? 'checked' : '') + ' class="wmSetupInputCheckbox" onChange="javascript: boxMovieSetSetupFontBold(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup18\', this, wmMessage(3908));" /> \
<br /> \
' + wmText(2) + ' <input type="checkbox" id="wmWindow_' + wmWindowIndex + '_Setup19" ' + (boxMovieSetFontItalic[wmWindowIndex] == 1 ? 'checked' : '') + ' class="wmSetupInputCheckbox" onChange="javascript: boxMovieSetSetupFontItalic(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup19\', this, wmMessage(3909));" /> \
<br /> \
</div> \
';
	var content = '';

	var headers = Array();

	headers[0] = '';
	headers[1] = 'boxMovieSet_' + wmWindowIndex + '_SetupBox_2';
	headers[2] = 'boxMovieSet_' + wmWindowIndex + '_SetupBox_3';

	wmWindow(x, y, w, h, 'movieSet', setup, content, headers);

	boxMovieSetGenerate(wmWindowIndex - 1);
}

function boxMovieSetGenerate(index)
{
	var content = '';

	for (i = 0; i < boxMovieSetNumber[index]; i++)
		content += ' \
<div class="boxMovieSet_Picture" style="margin: ' + boxMovieSetFrameSpacing[index] + 'px;"> \
<table width="121" height="121" cellspacing="0" cellpadding="0" border="0"> \
<tr> \
<td valign="middle" align="center" bgcolor="#' + boxMovieSetFrameBackgroundColor[index] + '"> \
<img src="images/movies/set/' + i + '.jpg" /> \
</td> \
</tr> \
</table> \
</div> \
';

	content += ' \
<div style="clear: both; height: 10px;"></div> \
<div style="color: #' + boxMovieSetFontColor[index] + '; font-family: ' + boxMovieSetFontFamily[index] + '; font-size: ' + boxMovieSetFontSize[index] + 'px;"> \
<img src="images/movies/logo_wmv.gif" /> Windows Media Format \
</div> \
<div style="clear: both;"></div> \
';

	for (j = 0; j < 4; j++) {
		content += ' \
<div style="clear: both; height: 10px;"></div> \
<div style="width: 100px; float: left; text-align: right; color: #' + boxMovieSetFontColor[index] + '; font-family: ' + boxMovieSetFontFamily[index] + '; font-size: ' + boxMovieSetFontSize[index] + 'px;">[700K] &nbsp;&nbsp;&nbsp;</div> \
';

		for (i = 0; i < 5; i++) {
			content += ' \
<div style="float: left; color: #' + boxMovieSetFontColor[index] + '; font-family: ' + boxMovieSetFontFamily[index] + '; font-size: ' + boxMovieSetFontSize[index] + 'px;"> \
';

			content += ' \
&nbsp; 0' + i + ' <a href="#" \
style="color: #' + boxMovieSetFontColor[index] + '; font-family: ' + boxMovieSetFontFamily[index] + '; font-size: ' + boxMovieSetFontSize[index] + 'px; text-decoration: none;';

			if (boxMovieSetFontBold[index] == 1)
				content += ' font-weight: bold;';
			if (boxMovieSetFontItalic[index] == 1)
				content += ' font-style: italic;';

			content += ' \
" \
onMouseOver = "this.style.textDecoration = \'underline\'; this.style.color = \'#' + boxMovieSetFontHColor[index] + '\';" \
onMouseOut  = "this.style.textDecoration = \'none\'; this.style.color = \'#' + boxMovieSetFontColor[index] + '\';" \
>[V]</a> \
<a href="#" \
style="color: #' + boxMovieSetFontColor[index] + '; font-family: ' + boxMovieSetFontFamily[index] + '; font-size: ' + boxMovieSetFontSize[index] + 'px; text-decoration: none;';

			if (boxMovieSetFontBold[index] == 1)
				content += ' font-weight: bold;';
			if (boxMovieSetFontItalic[index] == 1)
				content += ' font-style: italic;';

			content += ' \
" \
onMouseOver = "this.style.textDecoration = \'underline\'; this.style.color = \'#' + boxMovieSetFontHColor[index] + '\';" \
onMouseOut  = "this.style.textDecoration = \'none\'; this.style.color = \'#' + boxMovieSetFontColor[index] + '\';" \
>[DL]</a> \
/ \
</div> \
';
		}

		content += ' \
<div style="clear: both; height: 1px;"></div> \
';
	}

	content += ' \
<div style="clear: both; height: 10px;"></div> \
<div style="color: #' + boxMovieSetFontColor[index] + '; font-family: ' + boxMovieSetFontFamily[index] + '; font-size: ' + boxMovieSetFontSize[index] + 'px;"> \
<img src="images/movies/logo_mpeg.gif" /> MPEG Format \
</div> \
<div style="clear: both;"></div> \
';

	for (j = 0; j < 4; j++) {
		content += ' \
<div style="clear: both; height: 10px;"></div> \
<div style="width: 100px; float: left; text-align: right; color: #' + boxMovieSetFontColor[index] + '; font-family: ' + boxMovieSetFontFamily[index] + '; font-size: ' + boxMovieSetFontSize[index] + 'px;">[700K] &nbsp;&nbsp;&nbsp;</div> \
';

		for (i = 0; i < 5; i++) {
			content += ' \
<div style="float: left; color: #' + boxMovieSetFontColor[index] + '; font-family: ' + boxMovieSetFontFamily[index] + '; font-size: ' + boxMovieSetFontSize[index] + 'px;"> \
';

			content += ' \
&nbsp; 0' + i + ' <a href="#" \
style="color: #' + boxMovieSetFontColor[index] + '; font-family: ' + boxMovieSetFontFamily[index] + '; font-size: ' + boxMovieSetFontSize[index] + 'px; text-decoration: none;';

			if (boxMovieSetFontBold[index] == 1)
				content += ' font-weight: bold;';
			if (boxMovieSetFontItalic[index] == 1)
				content += ' font-style: italic;';

			content += ' \
" \
onMouseOver = "this.style.textDecoration = \'underline\'; this.style.color = \'#' + boxMovieSetFontHColor[index] + '\';" \
onMouseOut  = "this.style.textDecoration = \'none\'; this.style.color = \'#' + boxMovieSetFontColor[index] + '\';" \
>[V]</a> \
<a href="#" \
style="color: #' + boxMovieSetFontColor[index] + '; font-family: ' + boxMovieSetFontFamily[index] + '; font-size: ' + boxMovieSetFontSize[index] + 'px; text-decoration: none;';

			if (boxMovieSetFontBold[index] == 1)
				content += ' font-weight: bold;';
			if (boxMovieSetFontItalic[index] == 1)
				content += ' font-style: italic;';

			content += ' \
" \
onMouseOver = "this.style.textDecoration = \'underline\'; this.style.color = \'#' + boxMovieSetFontHColor[index] + '\';" \
onMouseOut  = "this.style.textDecoration = \'none\'; this.style.color = \'#' + boxMovieSetFontColor[index] + '\';" \
>[DL]</a> \
/ \
</div> \
';
		}

		content += ' \
<div style="clear: both; height: 1px;"></div> \
';
	}

	wmGetElementById('wmWindow_' + index + '_Content').innerHTML = content;
}

function boxMovieSetSetupNumber(index, src)
{
	boxMovieSetNumber[index] = src;

	wmWindowSaved = false;

	boxMovieSetGenerate(index);
}

function boxMovieSetSetupFrameBackgroundColor(index, src)
{
	boxMovieSetFrameBackgroundColor[index] = src;

	wmWindowSaved = false;

	boxMovieSetGenerate(index);
}

function boxMovieSetSetupFrameSpacing(index, src)
{
	boxMovieSetFrameSpacing[index] = src;

	wmWindowSaved = false;

	boxMovieSetGenerate(index);
}

function boxMovieSetSetupFontColor(index, src)
{
	boxMovieSetFontColor[index] = src;

	wmWindowSaved = false;

	boxMovieSetGenerate(index);
}

function boxMovieSetSetupFontHColor(index, src)
{
	boxMovieSetFontHColor[index] = src;

	wmWindowSaved = false;

	boxMovieSetGenerate(index);
}

function boxMovieSetSetupFontFamily(index, src)
{
	boxMovieSetFontFamily[index] = src;

	wmWindowSaved = false;

	boxMovieSetGenerate(index);
}

function boxMovieSetSetupFontSize(index, src)
{
	boxMovieSetFontSize[index] = src;

	wmWindowSaved = false;

	boxMovieSetGenerate(index);
}

function boxMovieSetSetupFontBold(index, src)
{
	boxMovieSetFontBold[index] = (boxMovieSetFontBold[index] == 0 ? 1 : 0);

	wmWindowSaved = false;

	boxMovieSetGenerate(index);
}

function boxMovieSetSetupFontItalic(index, src)
{
	boxMovieSetFontItalic[index] = (boxMovieSetFontItalic[index] == 0 ? 1 : 0);

	wmWindowSaved = false;

	boxMovieSetGenerate(index);
}

function boxMovieSetSave(index)
{
	var content = '';

	content += '<input type="hidden" name="box_' + index + '_moviesNumber"                 value="' + escape(boxMovieSetNumber[index])               + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_moviesFrameBackgroundColor"   value="' + escape(boxMovieSetFrameBackgroundColor[index]) + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_moviesFrameSpacing"           value="' + escape(boxMovieSetFrameSpacing[index])         + '" />\n';

	content += '<input type="hidden" name="box_' + index + '_fontColor"  value="' + escape(boxMovieSetFontColor[index])  + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_fontHColor" value="' + escape(boxMovieSetFontHColor[index]) + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_fontFamily" value="' + escape(boxMovieSetFontFamily[index]) + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_fontSize"   value="' + escape(boxMovieSetFontSize[index])   + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_fontBold"   value="' + escape(boxMovieSetFontBold[index])   + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_fontItalic" value="' + escape(boxMovieSetFontItalic[index]) + '" />\n';

	return content;
}