function menu()
{
	this.defaultSub = null;
	this.currentSubMenu = null;
	this.menuItems = new Array;
	this.subMenuSet = new Array;
	
	this.initMenu = function()
	{
		var mainMenu = document.getElementById('menu_main');
		var subMenusCont = document.getElementById('mainSubMenu');
		
		var subItems = subMenusCont.childNodes;
		var counter = 0;

		for(var j=0; j<subItems.length; j++)
		{
			if(subItems[j].nodeName == "DIV")
			{
				this.subMenuSet[counter] = subItems[j];
				counter++;
			}
		}
		
		var menuItems = mainMenu.getElementsByTagName('UL')[0].childNodes;
		counter = 0;
		for(var i=0; i<menuItems.length; i++)
		{
			if(menuItems[i].nodeName == 'LI')
			{
				var itemNum = parseInt(menuItems[i].getAttribute('menuItem'));
				this.menuItems[counter] = menuItems[i];
				counter++;
			}
		}

		var subMenuObj = this.subMenuSet;
		var menuObj = this.menuItems;
		var currentSub = this.currentSubMenu;
		var fullMenu = mainMenu.parentNode;
		
		
		
		for (i=0; i<subMenuObj.length; i++)
		{
			if(subMenuObj[i].getAttribute('active') =="active")
			{
				this.defaultSub = subMenuObj[i];
				this.defaultSub.style.display = "block";
				currentSub = subMenuObj[i];
				var parentE = menuObj[i].parentNode;
				var left=menuObj[i].offsetLeft + parentE.offsetLeft - 3;
				subMenuObj[i].style.left = (left) + "px";
			}
		}
		
		var defaultMenu = this.defaultSub;
		
		for(i=0; i<menuObj.length; i++)
		{
			//var menuItem = parseInt(subMenuObj[i].getAttribute('subMenu'));
			this.menuItems[i].onmouseover = function()
			{
				var menuItemN = this.getAttribute('menuItem');
				if(currentSub)
						currentSub.style.display = "none";
						
				if(subMenuObj[menuItemN])
				{
					
					currentSub = subMenuObj[menuItemN]
					defaultMenu.style.display = "none";
					subMenuObj[menuItemN].style.display = "block";
					var parentEl = this.parentNode;
					subMenuObj[menuItemN].style.left = (this.offsetLeft + parentEl.offsetLeft - 3) + "px";
					
				}
				else
				{
					currentSub = null;
				}
			}
		}
		
		
		/*fullMenu.onmouseout = function(event)
		{
			var ev = getEventObj(event);
			
			if(ev.clientY < (this.offsetTop + 2) || ev.clientY > (this.offsetTop + this.offsetHeight - 2))
			{
				if(currentSub)
				{
					currentSub.style.display = "none";
					defaultMenu.style.display = "block";
				}
				currentSub = null;
			}
		}*/
	}
}

function getEventObj(event)
{
	var browser = getNameBrowser();
	if(browser == "msie")
	{
		return window.event;
	}
	else
	{
		return event;
	}
}

function getNameBrowser() 
{
  var ua = navigator.userAgent.toLowerCase();
  
  // Определим Internet Explorer
  if (ua.indexOf("msie") != -1 && ua.indexOf("opera") == -1 && ua.indexOf("webtv") == -1) {
    return "msie"
  }
  // Opera
  if (ua.indexOf("opera") != -1) {
    return "opera"
  }
  // Gecko = Mozilla + Firefox + Netscape
  if (ua.indexOf("gecko") != -1) {
    return "gecko";
  }
  // Safari, используется в MAC OS
  if (ua.indexOf("safari") != -1) {
    return "safari";
  }
  // Konqueror, используется в UNIX-системах
  if (ua.indexOf("konqueror") != -1) {
    return "konqueror";
  }
  return "unknown";
}

function eventAttacher(objectToAttach, eventName, functionName)
{

 switch(getNameBrowser())
 {
  case "msie":
  {
   var prefix = "on";
   var onEventName = prefix + eventName;
   objectToAttach.attachEvent(onEventName, functionName);
   break;
  }
  case "gecko":
  {
   objectToAttach.addEventListener(eventName, functionName, true);
   break;
  }
  default:
  {
   objectToAttach.addEventListener(eventName, functionName, true);   
   break;
  }
 }
 
}

function eventDettacher(objectToDettach, eventName, functionName)
{

 switch(getNameBrowser)
 {
  case "msie":
  {
   var prefix = "on";
   var onEventName = prefix + eventName;
   objectToDettach.dettachEvent(onEventName, functionName);
   break;
  }
  case "gecko":
  {
   objectToDettach.removeEventListener(eventName, functionName, true);
   break;
  }
  default:
  {
   objectToDettach.removeEventListener(eventName, functionName, true);   
   break;
  }
 } 
}

function activateMenu()
{
	var menuObj = new menu();
	menuObj.initMenu();
}
eventAttacher(window, 'load', activateMenu);
var tar;
function preserve($input)
{
	$.ajax({
		type: "POST",
		dataType: 'json',
		url: "add_search.php",
		cache: false,
		data: "mark="+$input,
		success: function (data)
		{
			//alert(data)
			if (data!=null)
			{
				tar.html('');
				tar.append('<ul>');
				var tarc=tar.children("ul")
				$.each(data, function(i,items)
				{
					
					tarc.append("<li>"+items+"</li>")
					//tarc.children("li.comm").delay(i*$wait).slideDown($wait+50)
				})
				//tar.append("</ul>");
				//alert('app')
				tar.show()
			}
			else tar.hide();
		}
	})
}

$(function(){
	tar=$("#preserve");
	mark=$("#mark");
	function mark_val($val)
	{
		mark.val($val)
	}
	mark.keyup(function(e){
		if(e.keyCode==40)
		{
			var $this=tar.children("ul").children("li.this")
			if($this.text()=='') 
			{
				$this=tar.children("ul").children("li:first")
				$this.addClass('this');
				mark_val($this.text())
			}
			else 
			{
				$this.removeClass('this').next().addClass('this')
				mark_val($this.next().text())
			}
		}
		else if(e.keyCode==38)
		{
			var $this=tar.children("ul").children("li.this")
			if($this.text()=='') 
			{
				$this=tar.children("ul").children("li:last")
				$this.addClass('this');
				mark_val($this.text())
			}
			else 
			{
				$this.removeClass('this').prev().addClass('this')
				mark_val($this.prev().text())
			}
		}
		else
		{
			var $input=this.value
			setTimeout(function(){
				preserve($input)
			},200)
		}
	})
	.click(function(){
		var $input=this.value
		if ($input=='Поиск по брендам')
		{
			$input='';
			$(this).val('')
		}
		setTimeout(function(){
			preserve($input)
		},100)
	})
	tar.click(function(e){
		mark.val($(e.target).text());
		tar.hide();
	})
	$('body').click(function(e){
		if(e.target.id!='mark'&&e.target.id!='preserve')
		{
			tar.hide()
			$val=mark.val();
			if($val==''){mark.val('Поиск по брендам');}
		}
	}).keyup(function(e){
	if(e.keyCode==9)
	{
		if(e.target.id=='brand'){$('body').click();tar.hide();}
	}
	})
	$("#cloud").click(function(e)
	{
		var k=e.target;
		if (k=='[object HTMLHeadingElement]')
		{
			k=k.id.split('_');
			k=k[1];
			$.ajax({
				type: "POST",
				url: "inc/cloud.php",
				cache: false,
				data: "cloud="+k,
			});
		}
		//return true;
	})
})