function $(elm_id){
	return document.getElementById(elm_id);
}

function getAbsolutePos(el){
	var SL = 0, ST = 0;
	var is_div = /^div$/i.test(el.tagName);
	if(is_div && el.scrollLeft) SL = el.scrollLeft;
	if(is_div && el.scrollTop)  ST = el.scrollTop;
	var r = { x: el.offsetLeft - SL, y: el.offsetTop - ST };
	if(el.offsetParent){
		var tmp = getAbsolutePos(el.offsetParent);
		r.x += tmp.x;
		r.y += tmp.y;
	}
	return r;
}

function addEvent(el, evname, func){
	if(el.attachEvent){
		el.attachEvent("on" + evname, func);
	}else if(el.addEventListener){
		el.addEventListener(evname, func, true);
	}else{
		el["on" + evname] = func;
	}
}

function getTargetElement(ev){
	var f = (window.event && window.event.srcElement) ? window.event.srcElement : ev.target;
	while(f.nodeType != 1) f = f.parentNode;
	return f;
}

function main_onload(){
	var main_pos = getAbsolutePos($("main"));
	$("a_about").style.left    = (main_pos.x + 18)  + "px";
	$("a_about").style.top     = (main_pos.y + 162) + "px";
	$("a_services").style.left = (main_pos.x + 386) + "px";
	$("a_services").style.top  = (main_pos.y + 354) + "px";
	$("a_products").style.left = (main_pos.x + 352) + "px";
	$("a_products").style.top  = (main_pos.y + 20)  + "px";
	$("a_contact").style.left  = (main_pos.x + 164) + "px";
	$("a_contact").style.top   = (main_pos.y + 383) + "px";
	$("copy").style.left       = (main_pos.x + 35)  + "px";
	$("copy").style.top        = (main_pos.y + 537) + "px";
	$("en").style.left         = (main_pos.x + 435) + "px";
	$("en").style.top          = (main_pos.y + 2)   + "px";
	$("ro").style.left         = (main_pos.x + 485) + "px";
	$("ro").style.top          = (main_pos.y + 2)   + "px";
	$("unsicar").style.left    = (main_pos.x + 20) + "px";
	$("unsicar").style.top     = (main_pos.y - 85) + "px";
	$("tuv").style.left        = (main_pos.x + 121) + "px";
	$("tuv").style.top         = (main_pos.y - 85) + "px";
}

function page_onload(){
	var page_pos = getAbsolutePos($("page"));
	$("copy").style.left       = (page_pos.x + 35)  + "px";
	$("copy").style.top        = (page_pos.y + 537) + "px";
	$("en").style.left         = (page_pos.x + 435) + "px";
	$("en").style.top          = (page_pos.y + 2)   + "px";
	$("ro").style.left         = (page_pos.x + 485) + "px";
	$("ro").style.top          = (page_pos.y + 2)   + "px";
	$("home").style.left       = (page_pos.x + 441) + "px";
	$("home").style.top        = (page_pos.y + 503) + "px";
	$("unsicar").style.left    = (page_pos.x + 20) + "px";
	$("unsicar").style.top     = (page_pos.y - 85) + "px";
	$("tuv").style.left        = (page_pos.x + 121) + "px";
	$("tuv").style.top         = (page_pos.y - 85) + "px";
}

function prod_onload(){
	var divs = $("left").getElementsByTagName("div");
	for(kk=0; kk<divs.length; kk++){
		var div = divs[kk];
		addEvent(div, "mouseover", dshow);
		addEvent(div, "mouseout", dhide);
	}
}

function serv_onload(){
	var divs = $("left").getElementsByTagName("div");
	for(kk=0; kk<divs.length; kk++){
		var div = divs[kk];
		addEvent(div, "mouseover", dshow);
		addEvent(div, "mouseout", dhide);
	}
}

function dshow(ev){
	var elm = getTargetElement(ev);
	elm.style.borderColor = "#C65A2F";
	elm.style.backgroundColor = "#FBD9BD";

	var elm_id = elm.getAttribute("id");
	$("s" + elm_id).style.display = "block";
}

function dhide(ev){
	var elm = getTargetElement(ev);
	elm.style.borderColor = "transparent";
	elm.style.backgroundColor = "transparent";

	var elm_id = elm.getAttribute("id");
	$("s" + elm_id).style.display = "none";
}