﻿function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(prepareThumbs);

function searchFocus(elem) {
	if (elem.value == 'введите ингредиент...') elem.value = '';
}
function searchBlur(elem) {
	if (elem.value == '') elem.value = 'введите ингредиент...';
}


//
//Submenu
//
function getCurrentPosition(elem) {
	var current = elem;
	var currentTop = 0;
	var currentLeft = 0;
	var currentHeight = current.offsetHeight;
	var currentWidth = current.offsetWidth;

	while (current) {
		currentLeft += current.offsetLeft;
		currentTop += current.offsetTop;
		current = current.offsetParent;
	}
	return {left:currentLeft, top:currentTop, width:currentWidth, height:currentHeight};
}

function showSubmenu(elem, s) {
	var current = getCurrentPosition(elem);
	var submenu = document.getElementById(s);
	if (submenu) {
		submenu.style.left = current.left;
		submenu.style.top=current.top+current.height;
		submenu.style.display = "inline";
	}
}

function hideSubmenu(elem) {
	var submenu = document.getElementById(elem);
	if (submenu) {
		submenu.style.display = "none";
	}
}


function show(elem) {
	elem.style.display="inline";
}

function hide(elem) {
	elem.style.display = "none";
	var receptimg = document.getElementById('receptimg');
	if(receptimg)
	{
    	receptimg.style.display = "none";
	}
}
//
//End of submenu
//


function prepareThumbs(){
	if( document.getElementById && document.getElementsByTagName ) {
		if (document.getElementById('search_res')) {
			var search_res = document.getElementById('search_res');
			var links = search_res.getElementsByTagName('a');
			for (var i = 0; i < links.length; i++) {
				links[i].onmouseover = function() {
					return showThumb(this);
				};
				links[i].onmouseout = function() {
					return hide(document.getElementById('pop_thumb'));
				};
			}
		}
	}
}

function showThumb(elem) {
	var current = getCurrentPosition(elem);
	var pop_thumb = document.getElementById('pop_thumb');
	if (pop_thumb) {
		pop_thumb.style.left = current.left + 25;
		pop_thumb.style.top=current.top+current.height + 5;
		pop_thumb.style.display = "block";
		var img = document.getElementById('receptimg')
		if(img && elem.id.length > 0)
		{
		    img.src = elem.id;
		    img.style.display = "block";
		}
		else
		{
		    img.style.display = "none";
		}
	}
}


