/*Функция должна работать только для одного
элемента, показывая разные картинки путем 
изменения его прозрачности. Прозрачность же
альтернативных элементов увеличивается.*/
function fgu_swappable(id)
{
	var id_grouper = slice_string_to_int(id);
	
	var pointer = document.getElementById("swappable_item_pointer");
	var pointer_margin_top = 10 + (id_grouper - 1) * 30
	pointer.style.marginTop = pointer_margin_top + "px";
	
	var top_corner_bright = document.getElementById("swappable_top_corner_bright");
	var top_corner_pale = document.getElementById("swappable_top_corner_pale");
	var bottom_corner_bright = document.getElementById("swappable_bottom_corner_bright");
	var bottom_corner_pale = document.getElementById("swappable_bottom_corner_pale");
	
	if (id_grouper == 1)
	{
		top_corner_bright.style.opacity = 1;
		top_corner_bright.style.filter = "alpha(opacity=100)";
		top_corner_pale.style.opacity = 0;
		top_corner_pale.style.filter = "alpha(opacity=0)";
	}
	else
	{
		top_corner_bright.style.opacity = 0;
		top_corner_bright.style.filter = "alpha(opacity=0)";
		top_corner_pale.style.opacity = 1;
		top_corner_pale.style.filter = "alpha(opacity=100)";
	}

	if (id_grouper == 7)
	{
		bottom_corner_bright.style.opacity = 1;
		bottom_corner_bright.style.filter = "alpha(opacity=100)";
		bottom_corner_pale.style.opacity = 0;
		bottom_corner_pale.style.filter = "alpha(opacity=0)";
	}
	else
	{
		bottom_corner_bright.style.opacity = 0;
		bottom_corner_bright.style.filter = "alpha(opacity=0)";
		bottom_corner_pale.style.opacity = 1;
		bottom_corner_pale.style.filter = "alpha(opacity=100)";
	}
	
	
	var controller = new Array;
	var appendix = new Array;
	var picture = new Array;
	for (var i = 1; i <= 7; i++) {
		controller[i] = document.getElementById("swappable_controller_" + i);
		appendix[i] = document.getElementById("swappable_appendix_" + i);
		picture[i] = document.getElementById("swappable_picture_" + i);
		if (i != id_grouper)
		{
			controller[i].style.backgroundImage = "url(images/swappable_items_passive.gif)";
			controller[i].style.color="#3f730c";
			appendix[i].style.backgroundImage = "url(images/swappable_items_passive_right.gif)";
			picture[i].style.opacity = 0;
			picture[i].style.filter = "alpha(opacity=0)";
		}
		else
		{
			controller[i].style.backgroundImage = "url(images/swappable_items_active.gif)";
			controller[i].style.color="#ffffff";
			appendix[i].style.backgroundImage = "url(images/swappable_items_active_right.gif)";
			picture[i].style.opacity = 1;
			picture[i].style.filter = "alpha(opacity=100)";
		}
	}
	return;
}