// ***************************************************************************
//                          boxNavigationMovies.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 boxNavigationMoviesMaxItems = 20;

var boxNavigationMoviesNumber               = Array();
var boxNavigationMoviesFrameBackgroundColor = Array();
var boxNavigationMoviesFrameSpacing         = Array();

var boxNavigationMoviesFontColor            = Array();
var boxNavigationMoviesFontHColor           = Array();
var boxNavigationMoviesFontFamily           = Array();
var boxNavigationMoviesFontSize             = Array();
var boxNavigationMoviesFontBold             = Array();
var boxNavigationMoviesFontItalic           = Array();
var boxNavigationMoviesHAlign               = Array();
var boxNavigationMoviesVAlign               = Array();

function boxNavigationMovies(x, y, w, h, number, frameBackground, space, fontColor, fontHColor, fontFamily, fontSize, fontBold, fontItalic, hAlign, vAlign)
{
	if ((wmWindowPageActive != 2) && (wmWindowPageActive != 3) && (wmWindowPageActive != 4)) {
		alert(wmMessage(1702));

		return;
	}

	boxNavigationMoviesNumber[wmWindowIndex]               = number;
	boxNavigationMoviesFrameBackgroundColor[wmWindowIndex] = frameBackground;
	boxNavigationMoviesFrameSpacing[wmWindowIndex]         = space;

	boxNavigationMoviesFontColor[wmWindowIndex]            = fontColor;
	boxNavigationMoviesFontHColor[wmWindowIndex]           = fontHColor;
	boxNavigationMoviesFontFamily[wmWindowIndex]           = fontFamily;
	boxNavigationMoviesFontSize[wmWindowIndex]             = fontSize;
	boxNavigationMoviesFontBold[wmWindowIndex]             = fontBold;
	boxNavigationMoviesFontItalic[wmWindowIndex]           = fontItalic;
	boxNavigationMoviesHAlign[wmWindowIndex]               = hAlign;
	boxNavigationMoviesVAlign[wmWindowIndex]               = vAlign;

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

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

	setup += ' \
</select> \
<br /> \
<br /> \
<b>' + wmText(3702) + '</b> <br /> \
#<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup12" class="wmSetupInputColor" size="6" value="' + boxNavigationMoviesFrameBackgroundColor[wmWindowIndex] + '" onChange="javascript: boxNavigationMoviesSetupFrameBackgroundColor(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup12\', this, wmMessage(3702));" /> \
<a href="javascript: wmColorPicker(\'wmWindow_' + wmWindowIndex + '_Setup12\', mouse_x, mouse_y, \'boxNavigationMoviesSetupFrameBackgroundColor(' + 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(3703) + '</b> <br /> \
<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup13" class="wmSetupInputWidth" size="2" value="' + boxNavigationMoviesFrameSpacing[wmWindowIndex] + '" onChange="javascript: boxNavigationMoviesSetupFrameSpacing(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup13\', this, wmMessage(3703));" /> ' + wmText(0) + ' \
<br /> \
</div> \
<div class="wmWindowSetupItem" id="boxNavigationMovies_' + wmWindowIndex + '_SetupBox_3"> \
<b>' + wmText(3704) + '</b> \
<br /> \
<br /> \
<b>' + wmText(3705) + '</b> <br /> \
#<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup14" class="wmSetupInputColor" size="6" value="' + boxNavigationMoviesFontColor[wmWindowIndex] + '" onChange="javascript: boxNavigationMoviesSetupFontColor(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup14\', this, wmMessage(3704));" /> \
<a href="javascript: wmColorPicker(\'wmWindow_' + wmWindowIndex + '_Setup14\', mouse_x, mouse_y, \'boxNavigationMoviesSetupFontColor(' + 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(3706) + '</b> <br /> \
#<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup15" class="wmSetupInputColor" size="6" value="' + boxNavigationMoviesFontHColor[wmWindowIndex] + '" onChange="javascript: boxNavigationMoviesSetupFontHColor(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup15\', this, wmMessage(3705));" /> \
<a href="javascript: wmColorPicker(\'wmWindow_' + wmWindowIndex + '_Setup15\', mouse_x, mouse_y, \'boxNavigationMoviesSetupFontHColor(' + 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(3707) + '</b> <br /> \
<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup16" class="wmSetupInputFont" size="12" value="' + boxNavigationMoviesFontFamily[wmWindowIndex] + '" onChange="javascript: boxNavigationMoviesSetupFontFamily(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup16\', this, wmMessage(3706));" /> \
<br /> \
<b>' + wmText(3708) + '</b> <br /> \
<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup17" class="wmSetupInputSize" size="2" value="' + boxNavigationMoviesFontSize[wmWindowIndex] + '" onChange="javascript: boxNavigationMoviesSetupFontSize(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup17\', this, wmMessage(3707));" /> ' + wmText(0) + ' \
<br /> \
<b>' + wmText(3709) + '</b> <br /> \
' + wmText(1) + ' <input type="checkbox" id="wmWindow_' + wmWindowIndex + '_Setup18" ' + (boxNavigationMoviesFontBold[wmWindowIndex] == 1 ? 'checked' : '') + ' class="wmSetupInputCheckbox" onChange="javascript: boxNavigationMoviesSetupFontBold(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup18\', this, wmMessage(3708));" /> \
<br /> \
' + wmText(2) + ' <input type="checkbox" id="wmWindow_' + wmWindowIndex + '_Setup19" ' + (boxNavigationMoviesFontItalic[wmWindowIndex] == 1 ? 'checked' : '') + ' class="wmSetupInputCheckbox" onChange="javascript: boxNavigationMoviesSetupFontItalic(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup19\', this, wmMessage(3709));" /> \
<br /> \
<br /> \
<b>' + wmText(3710) + '</b> <br /> \
<select id="wmWindow_' + wmWindowIndex + '_Setup20" class="wmSetupSelect" onChange="javascript: boxNavigationMoviesSetupHAlign(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup20\', this, wmMessage(3710));" /> \
';

	if (boxNavigationMoviesHAlign[wmWindowIndex] == 'left')
		setup += '<option value="left" selected>' + wmText(3) + '</option>';
	else
		setup += '<option value="left">' + wmText(3) + '</option>';

	if (boxNavigationMoviesHAlign[wmWindowIndex] == 'center')
		setup += '<option value="center" selected>' + wmText(4) + '</option>';
	else
		setup += '<option value="center">' + wmText(4) + '</option>';

	if (boxNavigationMoviesHAlign[wmWindowIndex] == 'right')
		setup += '<option value="right" selected>' + wmText(5) + '</option>';
	else
		setup += '<option value="right">' + wmText(5) + '</option>';

        setup += ' \
</select> \
<br /> \
<b>' + wmText(3711) + '</b> <br /> \
<select id="wmWindow_' + wmWindowIndex + '_Setup21" class="wmSetupSelect" onChange="javascript: boxNavigationMoviesSetupVAlign(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup21\', this, wmMessage(3711));" /> \
';

	if (boxNavigationMoviesVAlign[wmWindowIndex] == 'top')
		setup += '<option value="top" selected>' + wmText(6) + '</option>';
	else
		setup += '<option value="top">' + wmText(6) + '</option>';

	if (boxNavigationMoviesVAlign[wmWindowIndex] == 'bottom')
		setup += '<option value="bottom" selected>' + wmText(8) + '</option>';
	else
		setup += '<option value="bottom">' + wmText(8) + '</option>';

        setup += ' \
</select> \
<br /> \
</div> \
';
	var content = '';

	var headers = Array();

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

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

	boxNavigationMoviesGenerate(wmWindowIndex - 1);
}

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

	if (boxNavigationMoviesVAlign[index] == 'top') {
		content += '<div style="text-align: ' +  boxNavigationMoviesHAlign[index] + ';"><a href="#" \
style="color: #' + boxNavigationMoviesFontColor[index] + '; font-family: ' + boxNavigationMoviesFontFamily[index] + '; font-size: ' + boxNavigationMoviesFontSize[index] + 'px; text-decoration: none;';

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

		content += ' \
" \
onMouseOver = "this.style.textDecoration = \'underline\'; this.style.color = \'#' + boxNavigationMoviesFontHColor[index] + '\';" \
onMouseOut  = "this.style.textDecoration = \'none\'; this.style.color = \'#' + boxNavigationMoviesFontColor[index] + '\';" \
>&lt; &lt; prev</a> <a href="#" \
style="color: #' + boxNavigationMoviesFontColor[index] + '; font-family: ' + boxNavigationMoviesFontFamily[index] + '; font-size: ' + boxNavigationMoviesFontSize[index] + 'px; text-decoration: none;';

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

		content += ' \
" \
onMouseOver = "this.style.textDecoration = \'underline\'; this.style.color = \'#' + boxNavigationMoviesFontHColor[index] + '\';" \
onMouseOut  = "this.style.textDecoration = \'none\'; this.style.color = \'#' + boxNavigationMoviesFontColor[index] + '\';" \
>next &gt; &gt;</a></div>';
	}

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

	if (boxNavigationMoviesVAlign[index] == 'bottom') {
		content += '<div style="clear: both;"></div><div style="text-align: ' +  boxNavigationMoviesHAlign[index] + ';"><a href="#" \
style="color: #' + boxNavigationMoviesFontColor[index] + '; font-family: ' + boxNavigationMoviesFontFamily[index] + '; font-size: ' + boxNavigationMoviesFontSize[index] + 'px; text-decoration: none;';

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

		content += ' \
" \
onMouseOver = "this.style.textDecoration = \'underline\'; this.style.color = \'#' + boxNavigationMoviesFontHColor[index] + '\';" \
onMouseOut  = "this.style.textDecoration = \'none\'; this.style.color = \'#' + boxNavigationMoviesFontColor[index] + '\';" \
>&lt; &lt; prev</a> <a href="#" \
style="color: #' + boxNavigationMoviesFontColor[index] + '; font-family: ' + boxNavigationMoviesFontFamily[index] + '; font-size: ' + boxNavigationMoviesFontSize[index] + 'px; text-decoration: none;';

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

		content += ' \
" \
onMouseOver = "this.style.textDecoration = \'underline\'; this.style.color = \'#' + boxNavigationMoviesFontHColor[index] + '\';" \
onMouseOut  = "this.style.textDecoration = \'none\'; this.style.color = \'#' + boxNavigationMoviesFontColor[index] + '\';" \
>next &gt; &gt;</a></div>';
	}

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

function boxNavigationMoviesSetupNumber(index, src)
{
	boxNavigationMoviesNumber[index] = src;

	wmWindowSaved = false;

	boxNavigationMoviesGenerate(index);
}

function boxNavigationMoviesSetupFrameBackgroundColor(index, src)
{
	boxNavigationMoviesFrameBackgroundColor[index] = src;

	wmWindowSaved = false;

	boxNavigationMoviesGenerate(index);
}

function boxNavigationMoviesSetupFrameSpacing(index, src)
{
	boxNavigationMoviesFrameSpacing[index] = src;

	wmWindowSaved = false;

	boxNavigationMoviesGenerate(index);
}

function boxNavigationMoviesSetupFontColor(index, src)
{
	boxNavigationMoviesFontColor[index] = src;

	wmWindowSaved = false;

	boxNavigationMoviesGenerate(index);
}

function boxNavigationMoviesSetupFontHColor(index, src)
{
	boxNavigationMoviesFontHColor[index] = src;

	wmWindowSaved = false;

	boxNavigationMoviesGenerate(index);
}

function boxNavigationMoviesSetupFontFamily(index, src)
{
	boxNavigationMoviesFontFamily[index] = src;

	wmWindowSaved = false;

	boxNavigationMoviesGenerate(index);
}

function boxNavigationMoviesSetupFontSize(index, src)
{
	boxNavigationMoviesFontSize[index] = src;

	wmWindowSaved = false;

	boxNavigationMoviesGenerate(index);
}

function boxNavigationMoviesSetupFontBold(index, src)
{
	boxNavigationMoviesFontBold[index] = (boxNavigationMoviesFontBold[index] == 0 ? 1 : 0);

	wmWindowSaved = false;

	boxNavigationMoviesGenerate(index);
}

function boxNavigationMoviesSetupFontItalic(index, src)
{
	boxNavigationMoviesFontItalic[index] = (boxNavigationMoviesFontItalic[index] == 0 ? 1 : 0);

	wmWindowSaved = false;

	boxNavigationMoviesGenerate(index);
}

function boxNavigationMoviesSetupHAlign(index, src)
{
	boxNavigationMoviesHAlign[index] = src;

	wmWindowSaved = false;

	boxNavigationMoviesGenerate(index);
}

function boxNavigationMoviesSetupVAlign(index, src)
{
	boxNavigationMoviesVAlign[index] = src;

	wmWindowSaved = false;

	boxNavigationMoviesGenerate(index);
}

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

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

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

	content += '<input type="hidden" name="box_' + index + '_linkColor"      value="' + escape(boxNavigationMoviesFontColor[index])  + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_linkHColor"     value="' + escape(boxNavigationMoviesFontHColor[index]) + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_linkFontFamily" value="' + escape(boxNavigationMoviesFontFamily[index]) + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_linkFontSize"   value="' + escape(boxNavigationMoviesFontSize[index])   + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_linkFontBold"   value="' + escape(boxNavigationMoviesFontBold[index])   + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_linkFontItalic" value="' + escape(boxNavigationMoviesFontItalic[index]) + '" />\n';

	content += '<input type="hidden" name="box_' + index + '_linkHAlign" value="' + escape(boxNavigationMoviesHAlign[index]) + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_linkVAlign" value="' + escape(boxNavigationMoviesVAlign[index]) + '" />\n';

	return content;
}