// ***************************************************************************
//                          boxNavigationNext.js  -  description
//                             -------------------
//    begin                : Wed Jan 4 2006
//    copyright            : (C) 2006 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 boxNavigationNextBgColor    = Array();
var boxNavigationNextFgColor    = Array();

var boxNavigationNextHBgColor   = Array();
var boxNavigationNextHFgColor   = Array();

var boxNavigationNextFontFamily = Array();
var boxNavigationNextFontSize   = Array();
var boxNavigationNextFontBold   = Array();
var boxNavigationNextFontItalic = Array();

var boxNavigationNextSpacing    = Array();
var boxNavigationNextAlign      = Array();
var boxNavigationNextWidth      = Array();

function boxNavigationNext(x, y, w, h, bgColor, fgColor, hBgColor, hFgColor, fontFamily, fontSize, fontBold, fontItalic, spacing, align, width)
{
	if ((wmWindowPageActive != 2) && (wmWindowPageActive != 3) && (wmWindowPageActive != 4)) {
		alert(wmMessage(1701));

		return;
	}

	boxNavigationNextBgColor[wmWindowIndex]  = bgColor;
	boxNavigationNextFgColor[wmWindowIndex]  = fgColor;
	boxNavigationNextHBgColor[wmWindowIndex] = hBgColor;
	boxNavigationNextHFgColor[wmWindowIndex] = hFgColor;

	boxNavigationNextFontFamily[wmWindowIndex] = fontFamily;
	boxNavigationNextFontSize[wmWindowIndex]   = fontSize;
	boxNavigationNextFontBold[wmWindowIndex]   = fontBold;
	boxNavigationNextFontItalic[wmWindowIndex] = fontItalic;

	boxNavigationNextSpacing[wmWindowIndex] = spacing;
	boxNavigationNextAlign[wmWindowIndex]   = align;
	boxNavigationNextWidth[wmWindowIndex]   = width;

	var setup   = ' \
<div class="wmWindowSetupItem" id="boxNavigationNext_' + wmWindowIndex + '_SetupBox_2"> \
<b>' + wmText(3500) + '</b> \
<br /> \
<br /> \
<b>' + wmText(3501) + '</b> <br /> \
#<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup10" class="wmSetupInputColor" size="6" value="' + boxNavigationNextBgColor[wmWindowIndex] + '" onChange="javascript: boxNavigationNextSetupBgColor(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup10\', this, wmMessage(3500));" /> \
<a href="javascript: wmColorPicker(\'wmWindow_' + wmWindowIndex + '_Setup10\', mouse_x, mouse_y, \'boxNavigationNextSetupBgColor(' + wmWindowIndex + ', src);\');"><img border="0" width="15" height="15" src="images/colorpicker.gif" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup10_0\', this, wmMessage(10000));" /></a> \
<br /> \
<b>' + wmText(3502) + '</b> <br /> \
#<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup11" class="wmSetupInputColor" size="6" value="' + boxNavigationNextFgColor[wmWindowIndex] + '" onChange="javascript: boxNavigationNextSetupFgColor(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup11\', this, wmMessage(3501));" /> \
<a href="javascript: wmColorPicker(\'wmWindow_' + wmWindowIndex + '_Setup11\', mouse_x, mouse_y, \'boxNavigationNextSetupFgColor(' + wmWindowIndex + ', src);\');"><img border="0" width="15" height="15" src="images/colorpicker.gif" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup11_0\', this, wmMessage(10000));" /></a> \
<br /> \
<b>' + wmText(3503) + '</b> <br /> \
#<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup12" class="wmSetupInputColor" size="6" value="' + boxNavigationNextHBgColor[wmWindowIndex] + '" onChange="javascript: boxNavigationNextSetupHBgColor(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup12\', this, wmMessage(3502));" /> \
<a href="javascript: wmColorPicker(\'wmWindow_' + wmWindowIndex + '_Setup12\', mouse_x, mouse_y, \'boxNavigationNextSetupHBgColor(' + 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(3504) + '</b> <br /> \
#<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup13" class="wmSetupInputColor" size="6" value="' + boxNavigationNextHFgColor[wmWindowIndex] + '" onChange="javascript: boxNavigationNextSetupHFgColor(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup13\', this, wmMessage(3503));" /> \
<a href="javascript: wmColorPicker(\'wmWindow_' + wmWindowIndex + '_Setup13\', mouse_x, mouse_y, \'boxNavigationNextSetupHFgColor(' + wmWindowIndex + ', src);\');"><img border="0" width="15" height="15" src="images/colorpicker.gif" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup13_0\', this, wmMessage(10000));" /></a> \
<br /> \
</div> \
<div class="wmWindowSetupItem" id="boxNavigationNext_' + wmWindowIndex + '_SetupBox_3"> \
<b>' + wmText(3505) + '</b> \
<br /> \
<br /> \
<b>' + wmText(3506) + '</b> <br /> \
<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup14" class="wmSetupInputFont" size="12" value="' + boxNavigationNextFontFamily[wmWindowIndex] + '" onChange="javascript: boxNavigationNextSetupFontFamily(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup14\', this, wmMessage(3504));" /> \
<br /> \
<b>' + wmText(3507) + '</b> <br /> \
<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup15" class="wmSetupInputSize" size="2" value="' + boxNavigationNextFontSize[wmWindowIndex] + '" onChange="javascript: boxNavigationNextSetupFontSize(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup15\', this, wmMessage(3505));" /> ' + wmText(0) + ' \
<br /> \
<b>' + wmText(3508) + '</b> <br /> \
bold <input type="checkbox" id="wmWindow_' + wmWindowIndex + '_Setup16" ' + (boxNavigationNextFontBold[wmWindowIndex] == 1 ? 'checked' : '') + ' class="wmSetupInputCheckbox" onChange="javascript: boxNavigationNextSetupFontBold(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup16\', this, wmMessage(3506));" /> \
<br /> \
italic <input type="checkbox" id="wmWindow_' + wmWindowIndex + '_Setup17" ' + (boxNavigationNextFontItalic[wmWindowIndex] == 1 ? 'checked' : '') + ' class="wmSetupInputCheckbox" onChange="javascript: boxNavigationNextSetupFontItalic(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup17\', this, wmMessage(3507));" /> \
<br /> \
</div> \
<div class="wmWindowSetupItem" id="boxNavigationNext_' + wmWindowIndex + '_SetupBox_4"> \
<b>' + wmText(3509) + '</b> \
<br /> \
<br /> \
<b>' + wmText(3510) + '</b> <br /> \
<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup18" class="wmSetupInputWidth" size="2" value="' + boxNavigationNextSpacing[wmWindowIndex] + '" onChange="javascript: boxNavigationNextSetupSpacing(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup18\', this, wmMessage(3508));" /> ' + wmText(0) + ' \
<br /> \
<b>' + wmText(3511) + '</b> <br /> \
<select id="wmWindow_' + wmWindowIndex + '_Setup19" class="wmSetupSelect" onChange="javascript: boxNavigationNextSetupAlign(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup19\', this, wmMessage(3509));" /> \
';

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

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

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

	setup += ' \
</select> \
<br /> \
<b>' + wmText(3512) + '</b> <br /> \
<input type="text" id="wmWindow_' + wmWindowIndex + '_Setup20" class="wmSetupInputWidth" size="2" value="' + boxNavigationNextWidth[wmWindowIndex] + '" onChange="javascript: boxNavigationNextSetupWidth(' + wmWindowIndex + ', this.value);" onMouseMove = "javascript: wmToolTipQuick(\'wmWindow_' + wmWindowIndex + '_Setup20\', this, wmMessage(3510));" /> ' + wmText(0) + ' \
<br /> \
</div> \
';

	var content = '';

	var headers = Array();

	headers[0] = '';
	headers[1] = 'boxNavigationNext_' + wmWindowIndex + '_SetupBox_2';
	headers[2] = 'boxNavigationNext_' + wmWindowIndex + '_SetupBox_3';
	headers[3] = 'boxNavigationNext_' + wmWindowIndex + '_SetupBox_4';

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

	boxNavigationNextGenerate(wmWindowIndex - 1);
}

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

	for (i = 0; i < boxMenuItemsNumber; i++) {
		content += ' \
<div class="boxMavigationNext_Menu" style="width: ' + boxNavigationNextWidth[index] + 'px; margin: ' + boxNavigationNextSpacing[index] + 'px; text-align: ' + boxNavigationNextAlign[index] + '; font-family: ' + boxNavigationNextFontFamily[index] + '; font-size: ' + boxNavigationNextFontSize[index] + 'px;';

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

		content += ' \
 background-color: #' + boxNavigationNextBgColor[index] + '; color: #' + boxNavigationNextFgColor[index] + '" \
onMouseOver = "this.style.backgroundColor = \'#' + boxNavigationNextHBgColor[index] + '\'; this.style.color = \'#' + boxNavigationNextHFgColor[index] + '\';" \
onMouseOut  = "this.style.backgroundColor = \'#' + boxNavigationNextBgColor[index] + '\'; this.style.color = \'#' + boxNavigationNextFgColor[index] + '\';" \
> \
' + boxMenuItems[i] + ' \
</div> \
';
	}

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

function boxNavigationNextSetupBgColor(index, src)
{
	boxNavigationNextBgColor[index] = src;

	wmWindowSaved = false;

	boxNavigationNextGenerate(index);
}

function boxNavigationNextSetupFgColor(index, src)
{
	boxNavigationNextFgColor[index] = src;

	wmWindowSaved = false;

	boxNavigationNextGenerate(index);
}

function boxNavigationNextSetupHBgColor(index, src)
{
	boxNavigationNextHBgColor[index] = src;

	wmWindowSaved = false;

	boxNavigationNextGenerate(index);
}

function boxNavigationNextSetupHFgColor(index, src)
{
	boxNavigationNextHFgColor[index] = src;

	wmWindowSaved = false;

	boxNavigationNextGenerate(index);
}

function boxNavigationNextSetupFontFamily(index, src)
{
	boxNavigationNextFontFamily[index] = src;

	wmWindowSaved = false;

	boxNavigationNextGenerate(index);
}

function boxNavigationNextSetupFontSize(index, src)
{
	boxNavigationNextFontSize[index] = src;

	wmWindowSaved = false;

	boxNavigationNextGenerate(index);
}

function boxNavigationNextSetupFontBold(index, src)
{
	boxNavigationNextFontBold[index] = (boxNavigationNextFontBold[index] == 0 ? 1 : 0);

	wmWindowSaved = false;

	boxNavigationNextGenerate(index);
}

function boxNavigationNextSetupFontItalic(index, src)
{
	boxNavigationNextFontItalic[index] = (boxNavigationNextFontItalic[index] == 0 ? 1 : 0);

	wmWindowSaved = false;

	boxNavigationNextGenerate(index);
}

function boxNavigationNextSetupSpacing(index, src)
{
	boxNavigationNextSpacing[index] = src;

	wmWindowSaved = false;

	boxNavigationNextGenerate(index);
}

function boxNavigationNextSetupAlign(index, src)
{
	boxNavigationNextAlign[index] = src;

	wmWindowSaved = false;

	boxNavigationNextGenerate(index);
}

function boxNavigationNextSetupWidth(index, src)
{
	boxNavigationNextWidth[index] = src;

	wmWindowSaved = false;

	boxNavigationNextGenerate(index);
}

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

	content += '<input type="hidden" name="box_' + index + '_bgColor"  value="' + escape(boxNavigationNextBgColor[index])  + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_fgColor"  value="' + escape(boxNavigationNextFgColor[index])  + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_hBgColor" value="' + escape(boxNavigationNextHBgColor[index]) + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_hFgColor" value="' + escape(boxNavigationNextHFgColor[index]) + '" />\n';

	content += '<input type="hidden" name="box_' + index + '_fontFamily" value="' + escape(boxNavigationNextFontFamily[index]) + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_fontSize"   value="' + escape(boxNavigationNextFontSize[index])   + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_fontBold"   value="' + escape(boxNavigationNextFontBold[index])   + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_fontItalic" value="' + escape(boxNavigationNextFontItalic[index]) + '" />\n';

	content += '<input type="hidden" name="box_' + index + '_spacing" value="' + escape(boxNavigationNextSpacing[index]) + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_align"   value="' + escape(boxNavigationNextAlign[index])   + '" />\n';
	content += '<input type="hidden" name="box_' + index + '_width"   value="' + escape(boxNavigationNextWidth[index])   + '" />\n';

	return content;
}