var image_room = new Array();
//var image_room_id = new Array();

// id файла для превью
//			image_room[1]=1;

//id комнаты
//			image_room_id[1]=1;
			
//			image_now = image_room_id[1];
stop_content = 0;
image_now = 1;
new_plus = 2;
speed = 20;
function changeContent(imageId)
	{
	total = Math.floor(document.getElementById("room_big").childNodes.length/2);
	last_div = document.getElementById("room_big_" + image_now);
	this_div = document.getElementById("room_big_" + imageId);
	last_id = imageId;
	this_div.style.opacity= 0;
	this_div.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	this_div.style.filter= "alpha(opacity=0)";
	layHide(10);
	for(i=1;i<=total;i++)
		document.getElementById("room_text_" + i).style.display = 'none';
//		document.getElementById("room_text_" + image_room_id[i]).style.display = 'none';
	document.getElementById("room_text_" + imageId).style.display = 'block';
//	document.getElementById("room_text_" + image_room_id[imageId]).style.display = 'block';	
//	document.getElementById("textlink_" + image_room_id[image_now]).className = 'normal';
//	document.getElementById("textlink_" + image_room_id[imageId]).className = 'big';
	image_now = imageId;
	if(imageId !=1)
		new_minus = imageId-1;
	else
		new_minus = total;
	document.getElementById("button_left").onclick = (function(new_minus) { return function() { changeContent(new_minus);return false; } })(new_minus);
//	document.getElementById("button_left_").onclick = (function(new_minus) { return function() { changeContent(new_minus);return false; } })(new_minus);
	if(imageId != total)
		new_plus = imageId+1;
	else
		new_plus = 1;
	document.getElementById("button_right").onclick = (function(new_plus) { return function() { changeContent(new_plus);return false; } })(new_plus);
//	document.getElementById("button_right_").onclick = (function(new_plus) { return function() { changeContent(new_plus);return false; } })(new_plus);
//	document.getElementById("preview_left").setAttribute('src', '/image/room_sml/'+image_room[new_minus]+'.jpg');
//	document.getElementById("preview").setAttribute('src', '/image/room_med/'+image_room[imageId]+'.jpg');
//	document.getElementById("preview_right").setAttribute('src', '/image/room_sml/'+image_room[new_plus]+'.jpg');
	prev_div = document.getElementById("room_big_" + new_minus);
	if(prev_div.getAttribute("alt")!="")
		{
		prev_div.setAttribute("src",prev_div.getAttribute("alt"));
		prev_div.setAttribute("alt","");
		}
	next_div = document.getElementById("room_big_" + new_plus);
	if(next_div.getAttribute("alt")!="")
		{
		next_div.setAttribute("src",next_div.getAttribute("alt"));
		next_div.setAttribute("alt","");
		}
	}
function layHide(step)
	{
	last_div.style.opacity= step / 10;
	alpha = step * 10;
	last_div.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	last_div.style.filter= "alpha(opacity="+alpha+")";
	step --;
	if(step>=0)
		setTimeout("layHide("+step+")",speed);
	else
		{
		for(i=1;i<=total;i++)
			if(i!=last_id)
				document.getElementById("room_big_" + i).style.display= 'none';
		last_div.style.display= 'none';
		this_div.style.display= 'block';
		layShow(0);
		}
	}
function layShow(step)
	{
	this_div.style.opacity= step / 10;
	this_div.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+ step * 10 +")";
	this_div.style.filter= "alpha(opacity="+ step * 10 +")";
	step ++;
	if(step<=10)
		setTimeout("layShow("+step+")",speed);
	}
function stopContent()
	{
	stop_content=1;
	document.getElementById("pause_play").innerHTML = "<a href=# onclick='stop_content=0;startContent();return false;'><img src=/design/right_arr_p.jpg border=0 width=40 height=53 /></a>";
	document.getElementById("go_left").innerHTML = "<a href=# onclick='changeContent(1);return false;' id=button_left><img src=/design/left_arr.jpg border=0 width=31 height=53 />";
	document.getElementById("go_right").innerHTML = "<a href=# onclick='changeContent(3);return false;' id=button_right><img src=/design/right_arr.jpg border=0 width=30 height=53 />";	
	}
function startContent()
	{
	if(stop_content!=1)
		{
		document.getElementById("pause_play").innerHTML = "<a href=# onclick='stopContent();return false;'> <img src=/design/centr_arr.jpg border=0 width=40 height=53 /></a>";
		document.getElementById("go_left").innerHTML = "<img src=/design/left_arr_p.jpg border=0 width=31 height=53 id=button_left />";
		document.getElementById("go_right").innerHTML = "<img src=/design/right_arr_ps.jpg border=0 width=30 height=53 id=button_right />";
		changeContent(new_plus);
//		setTimeout("startContent()",4000);
		setTimeout("domReady(function(){startContent();})",4000);
		}
	}