function $per (id) {return document.getElementById(id)};

var f1 = function(){

var laes = $per('laes');

laes.onmouseover = function(){
  var img = laes.getElementsByTagName('img')[0];
  img.src = '/images/layout/laesmere_alt.png';
};

laes.onmouseout = function(){
  var img = laes.getElementsByTagName('img')[0];
  img.src = '/images/layout/laesmere.png';
};

/*laes.addEvent('mouseover', function(){
  var img = laes.getElementsByTagName('img')[0];
  img.src = '/images/layout/laesmere_alt.png';
});

laes.addEvent('mouseout', function(){
  var img = laes.getElementsByTagName('img')[0];
  img.src = '/images/layout/laesmere.png';
});*/

var kon = $per('koncerter');
kon.onmouseover = function(){
  var img = kon.getElementsByTagName('img')[0];
  img.src = '/images/layout/koncerter_alt.png';
};
kon.onmouseout = function(){
  var img = kon.getElementsByTagName('img')[0];
  img.src = '/images/layout/koncerter.png';
};

var kontakt = $per('kontakt');
kontakt.onmouseover = function(){
  var img = kontakt.getElementsByTagName('img')[0];
  img.src = 'images/layout/pn_top_alt_01.jpg';
};
kontakt.ommouseout = function(){
  var img = kontakt.getElementsByTagName('img')[0];
  img.src = 'images/layout/pn_top_01.jpg';
};

var booking = $per('booking');
booking.onmouseover = function(){
  var img = booking.getElementsByTagName('img')[0];
  img.src = 'images/layout/pn_top_alt_02.jpg';
};
booking.onmouseout = function(){
  var img = booking.getElementsByTagName('img')[0];
  img.src = 'images/layout/pn_top_02.jpg';
};

};

var shown = null;
  var menu;
  var linkimages = new Array();

  var f2 = function(){
    menu = document.getElementById('menuline');
    var as = menu.getElementsByTagName('a');

    for (var i = as.length-1; i >= 0; i--) {
      var a = as[i];

      addMyEvent(a);
    }
  };

  /*window.onload = function(){
    menu = document.getElementById('menuline');
    var as = menu.getElementsByTagName('a');

    for (var i = as.length-1; i >= 0; i--) {
      var a = as[i];

      addMyEvent(a);
    }
  };*/
	

  function getDivById (divs, id) {
    for (var i = divs.length-1; i >= 0; i--) {
      var d = divs[i];
      if (d.id == id) {
        return d;
      }
    }
    return null;
  }

  var hideMenuOrg = hideMenu;
  var showMenuOrg = showMenu;

  function showMenu (parentElm, childElm) {
    var numberOfAs = childElm.getElementsByTagName('a');
    if (numberOfAs.length > 0) {
      positionElm(childElm, parentElm);
      displayItem(childElm);
      childElm.style.backgroundImage = "url(/admin/images/1x1.gif)";
      childElm.onmouseover = function () {
        displayItem(this);
      };
      childElm.onmouseout = function () {
        hideItem(this);
      };
    }
    //shiftImage(parentElm);
  }

  function hideMenu(elm, id) {
    //console.info(id);
    hideItem(elm);

    var span = document.getElementById('main_' + id);
    var as = span.getElementsByTagName('a');
    var a = as[0];
    //unshiftImage(a);
  }

  function placeElements () {

    var spans = $per(menu).getElementsByTagName('span');

    var temps = $per(menu).getElementsByTagName('div');
    var divs = new Array();
    //var divs = $per('menu').getElementsByClassName('undermenudiv');

    for (var i = temps.length-1; i >= 0; i--) {
      var d = temps[i];
      if (d.className != "undermenudiv" || d.className != "undermenudiv sub") {
        divs[divs.length] = d;
      }
    }
    //console.info(divs);

    for (var i = spans.length-1; i >= 0; i--) {
      var span = spans[i];
      var id = span.id;
      var coreId = id.replace('main', '');

      var div = getDivById(divs, 'menu' + coreId);
      if (!div) return;
      //console.info(id);
      //console.info(divs);
      //console.info(div);

      var l = span.offsetLeft;

      /*div.style.left = l + 'px';
      div.style.marginTop = '47px';
      div.style.marginTop = '43px';*/

      //console.info(l);


    }
  }

  function positionElm(child, parent) {

    var id = child.id;
    id = id.replace('menu', 'main');
    parent = document.getElementById(id);

    child.style.top = '47px';
    child.style.left = parent.offsetLeft + "px";
    //child.style.top = document.getElementById("menu").offsetTop + parent.offsetTop + 1 + child.offsetHeight + "px";
  }

  function showSubmenu ()
  {
    
  }

	function addMyEvent (a) {

	  var menuStr = a.innerHTML;

	  linkimages[menuStr] = new Array();
		linkimages[menuStr][0] = new Image();
		if (linkimages[menuStr][0].width > 0 || linkimages[menuStr][0].height > 0) {
		  
		} else {
		  linkimages[menuStr][0].onload = function () {
			//alert('asd');
			linkimages[menuStr][0].style.width = linkimages[menuStr][0].width + 'px';
			linkimages[menuStr][0].style.height = linkimages[menuStr][0].height + 'px';
		  }
		}
		linkimages[menuStr][0].src = '/imgmenu.php?str=' +(menuStr);
		linkimages[menuStr][1] = new Image();
		linkimages[menuStr][1].src = '/imgmenu.php?hover=yes&str=' + (menuStr);

    /*if (linkimages[menuStr][0].width > 0) {
      //a.style.width = (linkimages[menuStr][0].width - 2) + 'px';
      //linkimages[menuStr][0].style.width = linkimages[menuStr][0].width + 'px';
    }
    linkimages[menuStr][0].onload = function () {
      //a.style.width = (linkimages[menuStr][0].width - 2) + 'px';
      //linkimages[menuStr][0].style.width = linkimages[menuStr][0].width + 'px';

    };*/
    //linkimages[menuStr][0].width += 2;


		a.innerHTML = '';
		a.title = menuStr;
		a.appendChild(linkimages[menuStr][0]);
		//a.rel = a.href;
		//a.href = 'javascript:void(0);';

		//$per(a.parentNode).addEvent('mousedown', function(){clicker(a)});
	}

	function clicker (target) {
		if (target.tagName.toLowerCase() == 'img') {
		  target = target.parentNode;
		}
		var span = target.parentNode;
		var a = span.getElementsByTagName('a');
		a = a[0];
		window.location.href = a.rel;
	}
	function getTarget (e) {
		var targ;
		if (e.target) targ = e.target;
		else if (e.srcElement) targ = e.srcElement;
		if (targ.nodeType == 3) {
			targ = targ.parentNode;
		}

		return targ;
	}

	function shiftImage (target) {
		if (target.tagName.toLowerCase() == 'img') {
		  target = target.parentNode;
		}

		var menuStr = target.title;
	  target.title = menuStr;

	  target.innerHTML = '';
		target.appendChild(linkimages[menuStr][1]);
	}

	function shiftImage2 (e) {
		if (!e) e = window.event;
		var target = getTarget(e);
		if (target.tagName.toLowerCase() == 'img') {
		  target = target.parentNode;
		}

		var menuStr = target.title;
	  target.title = menuStr;

	  target.innerHTML = '';
		target.appendChild(linkimages[menuStr][1]);
	}

	function shiftImages (e) {
		if (!e) e = window.event;
		var target = getTarget(e);
		if (target.tagName.toLowerCase() == 'img') {
		  target = target.parentNode;
		}

		if (shown) {
			unshiftHardway(shown);
		}

		if (!target) return;

		shown = target;

		var menuStr = target.title;

	  var img = document.createElement('img');
	  img.src = '/imgmenu.php?hover=yes&str=' + menuStr.replace(' ', '+') + '&w=' + span.offsetWidth;
	  img.alt = menuStr;
	  target.title = menuStr;
	  target.innerHTML = '';
	  target.appendChild(img);
	}

	function unshiftImage (target) {

		var menuStr = target.title;
		if (target.tagName.toLowerCase() == 'img') {
		  target = target.parentNode;
		}

		if (shown == target) {
			shown = null;
		}

		if (!target) return;

		var menuStr = target.title;

	  var img = document.createElement('img');
	  img.src = '/imgmenu.php?str=' + menuStr.replace(' ', '+') + '&w=' + span.offsetWidth;
	  img.alt = menuStr;
	  target.title = menuStr;
	  target.innerHTML = '';
	  target.appendChild(img);
	}

	function unshiftImage2 (e) {
		if (!e) e = window.event;
		var target = getTarget(e);

		var menuStr = target.title;
		if (target.tagName.toLowerCase() == 'img') {
		  target = target.parentNode;
		}

		if (shown == target) {
			shown = null;
		}

		if (!target) return;

		var menuStr = target.title;

	  var img = document.createElement('img');
	  img.src = '/imgmenu.php?str=' + menuStr.replace(' ', '+') + '&w=' + span.offsetWidth;
	  img.alt = menuStr;
	  target.title = menuStr;
	  target.innerHTML = '';
	  target.appendChild(img);
	}

	function unshiftHardway (target) {
		var menuStr = target.title;
		if (target.tagName.toLowerCase() == 'img') {
		  target = target.parentNode;
		}

		if (shown == target) {
			shown = null;
		}

		var menuStr = target.title;

	  var tmpImage = new Image();
	  tmpImage.src = '/imgmenu.php?str=' + menuStr;
	  var img = document.createElement('img');
	  img.src = '/imgmenu.php?str=' + menuStr.replace(' ', '+') + '&w=' + span.offsetWidth;
	  img.alt = menuStr;
	  //img.onmouseover = shiftImage;
	  target.title = menuStr;
	  target.innerHTML = '';
	  
	  if (tmpImage.width > 0 || tmpImage.height > 0) {
	    target.appendChild(img);
	  } else {
		tmpImage.onload = function (){
		  img.width = tmpImage.width;
		  img.height = tmpImage.height;
		  target.appendChild(img);
		}
	    
	  }
	  
	  
	}

window.onload = function(){
f1();
f2();
};