function showImage (bigPath, mediumPath) {
	var goodsImage = document.getElementById ('goodsImage');
	var link = goodsImage.parentNode;
	goodsImage.src = mediumPath;
	link.href = bigPath;
}

var opened;
var fadeSpeed = 500;

function show (id) {
	if (opened) {
		hide (opened);
	}

	var block = $('#' + id);
	var link = $('#' + id + 'Link');

	block.fadeIn (fadeSpeed);

	eval ('var fn = function () {hide (\'' + id + '\')}');
	link.unbind ('click');
	link.bind ('click', fn);

	opened = id;
}

function hide (id) {
	var block = $('#' + id);
	var link = $('#' + id + 'Link');

	block.fadeOut (fadeSpeed);

	eval ('var fn = function () {show (\'' + id + '\')}');
	link.unbind ('click');
	link.bind ('click', fn);

	opened = null;
}

function decrease (e) {
	var input = $(e).siblings ('input');

	input.val (input.val () - 1);

	$('#orderForm input[name="update"]').click ();
}

function increase (e) {
	var input = $(e).siblings ('input');
	var newVal = Math.round (input.val ()) + 1;

	input.val (newVal);

	$('#orderForm input[name="update"]').click ();
}

$(function () {
	menus = ['orderMenu', 'userMenu'];

	for (i in menus) {
		var id = menus[i];
		var link = $('#' + id + 'Link');
		eval ('var fn = function () {show (\'' + id + '\')}');

		link.bind ('click', fn);
	}
});

function changePage (page) {
	var input = $('#page');
	var form = input.parent ();

	input.val (page);
	form.submit ();
}