var myScroll

function doScrollDown(id) {

var myDiv = document.getElementById(id)

if (myDiv) {
	myDiv.scrollTop += 1
	if (myDiv.scrollTop < (myDiv.scrollHeight-myDiv.offsetHeight)) {
		myScroll = setTimeout("doScrollDown('" + id + "')",1)
	 }
 }

}

function startScrollUp(id) {
	clearScroll()
	doScrollUp(id)
}


function startScrollDown(id) {
	clearScroll()
	doScrollDown(id)
}

function clearScroll() {
//	alert("clear")
	clearTimeout(myScroll)
}

function doScrollUp(id) {

var myDiv = document.getElementById(id)

if (document.getElementById(id)) {
	if (myDiv.scrollTop >= 1) {
		myDiv.scrollTop -= 1
		myScroll = setTimeout("doScrollUp('" + id + "')",1)
	 }
 }

}


function init() {
var newDiv;
var myDiv = document.getElementById('tekst')

if (myDiv) {
	myDiv.scrollTop = 0;
	if (myDiv.offsetHeight<myDiv.scrollHeight) {
		var up=document.getElementById('up')
		var down=document.getElementById('down')
		var pos = findPos(myDiv)
	 }

}

var subMenus = doSomethingWithClasses('submenu','div')
myDiv = document.getElementById('menu')
  for (i=0; i<subMenus.length; i++) {

	var myId = subMenus[i].id
	var mySearch = "__submenu_"
	var id = "__menu__" + myId.substr(mySearch.length+1, myId.length)

//	alert(id)
	myDiv = document.getElementById(id)
	var pos = findPos(myDiv)

	subMenus[i].style.display = 'block';
	subMenus[i].style.visibility = 'visible';
	changeAlpha(subMenus[i],0);
	subMenus[i].style.left = pos[0] + 1 + "px"
	subMenus[i].style.top = pos[1] - 163 + "px"
	subMenus[i].style.left = pos[0] + 1 + "px"
	subMenus[i].style.top = pos[1] - 163 - 1 + "px"
	subMenus[i].style.left = document.getElementById('menu_img').style.left

 } 
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function doSomethingWithClasses(theClass,tag) {
  var foundClasses = new Array()
  var x = 0;

  var allPageTags=document.getElementsByTagName(tag);

  for (i=0; i<allPageTags.length; i++) {
	  if (allPageTags[i].className==theClass) {
		  foundClasses[x] = allPageTags[i];
		  x += 1
	   }
   }
return foundClasses;
 } 


function showSubMenu(id,div,img) {

clearTimeout(timerSubMenu)

var subMenus = doSomethingWithClasses('submenu','div')
dochangeTheme(img)

  for (i=0; i<subMenus.length; i++) {
		changeAlpha(subMenus[i],0);
  }

if (document.getElementById(id)) {
	var pos = findPos(div)
	var myDiv = document.getElementById(id)
	changeAlpha(myDiv,100);
	myDiv.style.left  = document.getElementById('menu_img').style.left
	myDiv.style.top = pos[1] - 163 + "px"
	myDiv.style.top = pos[1] - myDiv.offsetHeight - 1 + "px"
	var pos2 = findPos(document.getElementById('menu_img'))
	myDiv.style.left  = pos[0] + "px"
//	myDiv.style.width = document.getElementById('menu_img').offsetWidth + "px"
 }

}

function hideSubMenu(id,img) {
//	alert(id)
	timerSubMenu = setTimeout("doHideSubmenu('" + id + "','" + img + "')",100);
}

function doHideSubmenu(id,img) {
dochangeTheme(img)
if (document.getElementById(id)) {
		changeAlpha(document.getElementById(id),0);
 }
}

function dochangeTheme(img) {
document.getElementById('menu_img').style.backgroundImage = "url(" + img + ")"
}

function changeAlpha(div,opac) {
if (div) {
//		alert(div.id + " - - " + opac)
	if (opac==0) {
		div.style.visibility = "hidden";
		div.style.display = "none";
		div.style.zIndex = "0"
	 }
	else {
		div.style.visibility = "visible";
		div.style.display = "block";
		div.style.zIndex = "999"
	 }

 }
}

var timerSubMenu;