// JavaScript Document

//preload menu images
if (document.images)
{
  preload_image_object = new Image();
  // set image url
  image_url = new Array();
  image_url[0] = "http://www.temeron.com/img/"+lang+"/about_sel.jpg";
  image_url[1] = "http://www.temeron.com/img/"+lang+"/clients_sel.jpg";
  image_url[2] = "http://www.temeron.com/img/"+lang+"/home_sel.jpg";
  image_url[3] = "http://www.temeron.com/img/"+lang+"/projects_sel.jpg";
  image_url[3] = "http://www.temeron.com/img/"+lang+"/services_sel.jpg";
   var i = 0;
   for(i=0; i<=3; i++) 
	 preload_image_object.src = image_url[i];
}

//global variables
var t;
var up= -1 ;
var fTime = 1;
var element = null;

function findPosY(obj)
{
	var curtop = 0;
	if(obj.offsetParent)
		while(1)
		{
		  curtop += obj.offsetTop;
		  if(!obj.offsetParent)
			break;
		  obj = obj.offsetParent;
		}
	else if(obj.y)
		curtop += obj.y;
	return curtop;
}

function setelement()
{ 
	var obj=document.getElementById('height');
	var docHeight=findPosY(obj);	
	var obj1=document.getElementById('content');
	
	if(docHeight*2 > 531)
	{
		var margin = (docHeight*2 - 531)/2;		
		obj1.style.marginTop=margin+"px";
	}
	else
	{
		obj1.style.marginTop="0px";
	}
}
function startMove(idelem,selectedItem)
{
	if(selectedItem == "")
	{
		element = idelem;
		document.getElementById("sel"+idelem).src='/img/'+lang+'/'+idelem+'_sel.jpg';
		document.getElementById("l"+idelem).style.marginLeft='0px';
		startMoving();
	}
}
function startMoving()
{
	var divelement = document.getElementById(element);
	if(fTime == 0)
	{
		var pd=divelement.style.marginTop;
		pd = pd.substring(0,pd.indexOf("px"));
		pd=1*pd;
	}
	else
	{  
		fTime = 0;
		var pd= 38;
	}
	if(pd == 0 )
	{
		up=1;
	}
	if(pd== 38)
	{
		up= -1;
	}
	
	divelement.style.marginTop = pd+up*2+"px";	
	t=setTimeout("startMoving()",45);

}
function stopMove(selectedItem)
{
	if(selectedItem == "")
	{
		clearTimeout(t);
		//reset elements
		document.getElementById("sel"+element).src='/img/'+lang+'/'+element+'.jpg';
		document.getElementById("l"+element).style.marginLeft='2px';
		//first time whene is called moving function
		fTime = 1;
		//flag that indicates ascending(1) or descending(-1) moving. When moving is started dot is down => descending moving 
		up= -1 ;
		var divelement = document.getElementById(element);	
		divelement.style.marginTop ="38px";
		element = "";
	}
}
function changeFlag(selLang,imgId,mouseEventType)
{
		if(imgId.indexOf(selLang) == -1)
		{
			var imgOb = document.getElementById("i"+imgId);
			if(mouseEventType == 1)//mouse over
			{
				
				imgOb.style.textDecorationUnderline =true;
				imgOb.className = "linkLgsel";
			}
			else//mouse out
			{
				
				imgOb.style.textDecorationUnderline =false;
				imgOb.className = "linkLg";
			}
		}
}
function changeLg(selLg)
{
	document.getElementById("hLg").value = selLg;
	document.fSellang.submit();
}