// JavaScript Document by k206i

onload=on_load;
onresize=on_resize;

function on_load()
{
	on_resize();
	var pic_num=Math.floor(Math.random()*4)+1;
	//if(document.getElementById("change_pic_1")) 
	document.getElementById("change_pic_1").src="/common/img/pic"+pic_num+".png";
	//if(document.getElementById("change_pic_2")) 
	document.getElementById("change_pic_2").style.background="url(/common/img/pic"+pic_num+".jpg) center";
}

function on_resize()
{
	var table_id=document.getElementById("middleTable");
	table_id.style.width="100%";
	if (table_id.offsetWidth<=990) 
	{
		table_id.style.width='990';
	}
	if (table_id.offsetWidth>=1250) 
	{
		table_id.style.width='1250';
	}
}

	var text=new Array();
	var element_id;
	var right_pos;
function mouse_over(x)
{
	document.getElementById('menu_div').style.visibility='visible';
	element_id=x.id;
	var menu_top=document.getElementById("left_"+element_id).offsetLeft;
	if(document.getElementById("right_"+element_id)) var right_div_width=document.getElementById("right_"+element_id).offsetWidth;
	else var right_div_width=document.getElementById("right_end").offsetWidth;
	right_pos=document.getElementById("right_end").offsetLeft+20;
	if (text[element_id] == undefined)
	{
		document.getElementById('menu_div').style.visibility='hidden';
		document.getElementById("menu_"+element_id).style.background='#8cb04e';
	}
	else
	{
		document.getElementById('menu_div').style.left=menu_top;
		//var div_height=x.offsetHeight;
		document.getElementById('menu_punkts').innerHTML=text[x.id];
		var menu_width=document.getElementById('menu_punkts').offsetWidth;
		var reposition=menu_top+menu_width;
		if (reposition>=right_pos)
		{
			document.getElementById('menu_div').style.left=x.offsetLeft+x.offsetWidth+right_div_width-document.getElementById('menu_div').offsetWidth;  //right_pos-menu_width-22;
		}
		light_pad();
	}
	//var menu_height=document.getElementById('menu_punkts').offsetHeight;
	//var menu_position=menu_height/2;	
	//document.getElementById('menu_div').style.marginTop=menu_position;
}

function light_pad()
{
	document.getElementById("menu_div").style.visibility='visible';
	document.getElementById("menu_"+element_id).style.background='#8cb04e';
}

function mouse_out()
{
	document.getElementById('menu_div').style.visibility='hidden';
	document.getElementById("menu_"+element_id).style.background='#c2d0d3';
}