
menu_index = new Image();
menu_index.src="http://bioagel.com/tpl/images/menu_index.gif";
menu_index_on = new Image();
menu_index_on.src="http://bioagel.com/tpl/images/menu_index_on.gif";

menu_company = new Image();
menu_company.src="http://bioagel.com/tpl/images/menu_company.gif";
menu_company_on = new Image();
menu_company_on.src="http://bioagel.com/tpl/images/menu_company_on.gif";

menu_product = new Image();
menu_product.src="http://bioagel.com/tpl/images/menu_product.gif";
menu_product_on = new Image();
menu_product_on.src="http://bioagel.com/tpl/images/menu_product_on.gif";

menu_business = new Image();
menu_business.src="http://bioagel.com/tpl/images/menu_business.gif";
menu_business_on = new Image();
menu_business_on.src="http://bioagel.com/tpl/images/menu_business_on.gif";

menu_contacts = new Image();
menu_contacts.src="http://bioagel.com/tpl/images/menu_contacts.gif";
menu_contacts_on = new Image();
menu_contacts_on.src="http://bioagel.com/tpl/images/menu_contacts_on.gif";

menu_order = new Image();
menu_order.src="http://bioagel.com/tpl/images/menu_order.gif";
menu_order_on = new Image();
menu_order_on.src="http://bioagel.com/tpl/images/menu_order_on.gif";

function change_image( elem_name, on )
      	{
	var d=document;
	if( on==1 )
		d.all[elem_name].src = eval(elem_name+"_on.src");
	else
		d.all[elem_name].src = eval(elem_name+".src");
       	}

function getAbsolutePos(el)
	{
	var r = { x: el.offsetLeft, y: el.offsetTop };
	if (el.offsetParent)
		{
		var tmp = getAbsolutePos(el.offsetParent);
		r.x += tmp.x;

		r.y += tmp.y;
		}
	return r;
	}

var xpos;
var ypos;
document.onmousemove=mymousemove;
function getPageX(event) 
	{
	return event.clientX + calc('Left');
	}
function getPageY(event) 
	{
	return event.clientY + calc('Top');
	}
function mymousemove(event)
	{   
	var event = event || window.event;
	if (!event) event = window.event;

	if(navigator.appName=="Microsoft Internet Explorer" )
		{
		if (event.pageX || event.pageY)
			{
			xpos = event.pageX;
			ypos = event.pageY;
			}
		else if (event.clientX || event.clientY)
			{
			xpos = event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
			ypos = event.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
			}
		}
	else 
		{
		xpos = event.pageX;
		ypos = event.pageY;
		}
	}

function get_mouse_pos()
	{
	return {"x":xpos, "y":ypos}
	}

var delay = 1000;
var div_size_x=0;
var div_size_y=0;
var div_size_max_x=200;
var div_size_max_y=400;

function get_height_menu( length )
	{
	return (length)*20+38+20;
	}

var tek_menu_name="";
function show_div_menu ( menu_name )
	{
	if( tek_menu_name!="" )
		{
		var elemdiv_old	= document.getElementById( "div_"+tek_menu_name );
		if( elemdiv_old.style.display == "block" )
			{
			elemdiv_old.style.display = "none";
			}
		}
	var elemimage 	= document.getElementById( "image_"+menu_name );
	var elemdiv 	= document.getElementById( "div_"+menu_name );
	var elemtable 	= document.getElementById( "table_"+menu_name );
//alert( "NAME="+menu_name+"\nIMAGEX="+posimage.x+"\nIMAGEY="+posimage.y+"\nPOSDIVH="+elemdiv.offsetHeight );

	elemdiv.style.display = "block";
	var posimage=getAbsolutePos(elemimage);
	elemdiv.style.left = posimage.x;

	if(navigator.appName=="Netscape")
		{
		elemdiv.style.top = posimage.y  - elemdiv.offsetHeight - 26;
		}
	else
		elemdiv.style.top = posimage.y  - elemdiv.offsetHeight;
	tek_menu_name = menu_name;
	}

function hide_div_menu ( menu_name, fl )
	{
	var elemimage 	= document.getElementById( "image_"+menu_name );
	var elemdiv 	= document.getElementById( "div_"+menu_name );
	var elemtable 	= document.getElementById( "table_"+menu_name );
	var pos 		= get_mouse_pos();
	var posimage 	= getAbsolutePos(elemimage);
	if( (pos.x <= elemdiv.offsetLeft+2 || pos.x >= (elemdiv.offsetLeft+elemdiv.offsetWidth-2) ) || (pos.y <= elemdiv.offsetTop+2 || pos.y >= (elemdiv.offsetTop+elemdiv.offsetHeight-2) ) )
		{
		if( parseInt(fl)!=0)
			{
			if( navigator.appName=="Microsoft Internet Explorer" )
				{
				if( pos.y > (posimage.y+3))  elemdiv.style.display = "none";
				}
			else 
				{
				if( pos.y > (posimage.y-20) )
					{
					elemdiv.style.display = "none";
					}
				//alert(pos.y +">"+ (posimage.y-10) );
				}
			}
		else
			{
			if( navigator.appName=="Microsoft Internet Explorer" )
				{
//alert( "FL="+fl+"\nPOSX="+pos.x+"\nPOSY="+pos.y+"\nSIZEDIVH="+(elemdiv.offsetTop+elemdiv.offsetHeight)+"\nSIZEDIVW="+(elemdiv.offsetLeft+elemdiv.offsetWidth)+"\nPOSDIVX="+elemdiv.offsetLeft+"\nPOSDIVY="+elemdiv.offsetTop+"\nPOSIMAGEX="+posimage.x+"\nPOSIMAGEY="+posimage.y );

				if( pos.x < (elemdiv.offsetLeft+3) )
					elemdiv.style.display = "none";
				if( pos.x > (elemdiv.offsetLeft+elemdiv.offsetWidth) )
					elemdiv.style.display = "none";
				if( pos.y < (elemdiv.offsetTop+3) )
					elemdiv.style.display = "none";
				if( pos.y > (elemdiv.offsetTop+elemdiv.offsetHeight+3) )
					elemdiv.style.display = "none";
				}
			else				
				elemdiv.style.display = "none";
			}
		}
	}

var timerID = null;
var TimerRunning = false;
function stopclock () 
	{
	if(timerRunning) clearTimeout(timerID);
	timerRunning = false;
	}
function startclock_x ( divid, div_size_x, div_size_y ) 
	{
	stopclock();
	resize_div_x( divid, div_size_x, div_size_y );
	}
function resize_div_x () 
	{
	var elemdiv = document.getElementById(divid);
	elemdiv.style.left = pos.x;
	elemdiv.style.top = pos.y;

	timerID = setTimeout("startclock( divid, div_size_x, div_size_y )",1000);
	timerRunning = true;
	}
