var ww = document.documentElement.clientWidth;
var scrolled;
var scrolled_stop;
var toggle = true;
var ww = document.body.clientWidth;

function toggleMenuPosition() {
/*
  var scrolled = window.pageYOffset || document.documentElement.scrollTop;
  
  if (device.mobile()) {
  if (toggle == false) {
  $(".container").css("position", "absolute");
  $(".container").css("top", scrolled);
  }
  if (scrolled < scrolled_stop) {
   scrolled_stop = scrolled;
   $(".container").css("position", "absolute");
   $(".container").css("top", scrolled);
  }
  }
  */
}

$(document).ready(function() {
	$(".nav li a").each(function() {
		if ($(this).next().length > 0) {
			$(this).addClass("parent");
		}
	});
	
	$(".toggleMenu").click(function(e) {
		e.preventDefault();
		$(this).toggleClass("toggle_menu_active");
		$(".container").toggleClass("container_active");
		$(".nav").toggle();
		
		if (device.mobile()) {
		if ($(".toggleMenu").hasClass("toggle_menu_active")) {
		scrolled_stop = scrolled;
		toggle = true;
		}else{
		toggle = false;
		toggleMenuPosition();
		}
		}
	});
	adjustMenu();
});

$(window).bind('resize orientationchange', function() {
	ww = document.body.clientWidth;
	adjustMenu();
});

var adjustMenu = function() {
	if (ww < 769) {
		$(".toggleMenu").css("display", "inline-block");
		if (!$(".toggleMenu").hasClass("active")) {
			$(".nav").hide();
		} else {
			$(".nav").show();
		}
		$(".nav li").unbind('mouseenter mouseleave');
		$(".nav li a.parent").unbind('click').bind('click', function(e) {
			// must be attached to anchor element to prevent bubbling
			e.preventDefault();
			$(this).parent("li").toggleClass("hover");
		});
	} 
	else if (ww >= 769) {
		$(".toggleMenu").css("display", "none");
		$(".nav").show();
		$(".nav li").removeClass("hover");
				$(".nav li a").unbind('click');
		
		$(".nav li").unbind('mouseenter').bind('mouseenter', function() {
		 	// must be attached to li so that mouseleave is not triggered when hover over submenu
		 	$(this).toggleClass('hover');
		});
				$(".nav li").unbind('mouseleave').bind('mouseleave', function() {
		$(this).removeClass('hover');
		});
}


window.onclick=function(e){

  var elem = e ? e.target : window.event.srcElement;
  var class_string1 = "toggleMenu toggle_menu_active";
  var class_string2 = "container container_active";
  var ignore;
  var menu = document.getElementsByClassName(class_string1)[0];
	if (menu) {
	var parent_menu = findParentNode(class_string2, elem, "class");
	var parent_menu2 = document.getElementsByClassName(class_string2)[0];
	var parent_window = findParentNode("modal", elem, "class");
	var parent_menu_elements = parent_menu2.getElementsByTagName('*');

	for (var i = 0; i < parent_menu_elements.length; i++) {
	if (parent_menu_elements[i] == elem) {
	var ignore = true;
	}
	}
    if (!parent_menu && !ignore && !parent_window) {
	menu.click();
	}
	}
}
}
/*
if (first_run == 0) {				
for (var i = 0; i < menu.length; i++) {
if (menu[i].hasAttribute("class")) {
if (menu[i].getAttribute("class") == "hover") {
menu[i].removeAttribute("class")
}
}
}
}

function test() {
if (first_run == 0) {
var first_run = 1;
var menu = document.getElementById("menu").getElementsByTagName('*');
for (var i = 0; i < menu.length; i++) {
if (menu[i].hasAttribute("class")) {
if (menu[i].getAttribute("class") == "hover") {
menu[i].removeAttribute("class")
}
}
}
}
}
test();
*/

/*
if (device.mobile()) {
toggle = false;
toggleMenuPosition();
}

window.onscroll = function() {
  toggleMenuPosition(); 
}
*/
/*
$(document).bind('pageinit', function(){
   $(document).vclick(function(e) {
       close_menu_fon(e);
   });
});
*/