$(function() {
	var $el, leftPos, newWidth,
		$mainNavGazdanet = $("#gazdanet"), 
		$mainNavZoldfold = $("#zoldfold"), 
		$mainNavCsaladotthon = $("#csaladotthon"), 
		$mainNavLakohelyem = $("#lakohelyem"), 
		$mainNavOrszagvilag = $("#orszagvilag"), 
		$mainNavFotoalbum = $("#fotoalbum"), 
		$mainNavSorozatok = $("#sorozatok");
	
	
	
	// submenu GAZDANET
	var divGazdanet = document.getElementById("gazdanet");
	
	if (divGazdanet) {
		$mainNavGazdanet.append("<li class='magic-line-1'></li>");
		
		var $magicLine1 = $(".magic-line-1");
		
		$magicLine1
			.width($(".current-submenu-1").width())
			.css("left", $(".current-submenu-1 a").position().left)
			.data("origLeft", $magicLine1.position().left)
			.data("origWidth", $magicLine1.width());
		
		$("#gazdanet li").find("a").hover(function() {
			$el = $(this);
			leftPos = $el.position().left;
			newWidth = $el.parent().width();
			
			$magicLine1.stop().animate({
				left: leftPos,
				width: newWidth
			});
		}, function() {
			$magicLine1.stop().animate({
				left: $magicLine1.data("origLeft"),
				width: $magicLine1.data("origWidth")
			});    
		});
	}
	
	
	
	// submenu ZOLDFOLD
	var divZoldfold = document.getElementById("zoldfold");
	
	if (divZoldfold) {
		$mainNavZoldfold.append("<li class='magic-line-2'></li>");
		
		var $magicLine2 = $(".magic-line-2");
		
		$magicLine2
			.width($(".current-submenu-2").width())
			.css("left", $(".current-submenu-2 a").position().left)
			.data("origLeft", $magicLine2.position().left)
			.data("origWidth", $magicLine2.width());
		
		$("#zoldfold li").find("a").hover(function() {
			$el = $(this);
			leftPos = $el.position().left;
			newWidth = $el.parent().width();
			
			$magicLine2.stop().animate({
				left: leftPos,
				width: newWidth
			});
		}, function() {
			$magicLine2.stop().animate({
				left: $magicLine2.data("origLeft"),
				width: $magicLine2.data("origWidth")
			});    
		});
	}
	
	
	
	// submenu CSALADOTTHON
	var divCsaladotthon = document.getElementById("csaladotthon");
	
	if (divCsaladotthon) {
		$mainNavCsaladotthon.append("<li class='magic-line-3'></li>");
		
		var $magicLine3 = $(".magic-line-3");
		
		$magicLine3
			.width($(".current-submenu-3").width())
			.css("left", $(".current-submenu-3 a").position().left)
			.data("origLeft", $magicLine3.position().left)
			.data("origWidth", $magicLine3.width());
		
		$("#csaladotthon li").find("a").hover(function() {
			$el = $(this);
			leftPos = $el.position().left;
			newWidth = $el.parent().width();
			
			$magicLine3.stop().animate({
				left: leftPos,
				width: newWidth
			});
		}, function() {
			$magicLine3.stop().animate({
				left: $magicLine3.data("origLeft"),
				width: $magicLine3.data("origWidth")
			});    
		});
	}
	
	
	
	// submenu LAKOHELYEM
	var divLakohelyem = document.getElementById("lakohelyem");
	
	if (divLakohelyem) {
		$mainNavLakohelyem.append("<li class='magic-line-4'></li>");
		
		var $magicLine4 = $(".magic-line-4");
		
		$magicLine4
			.width($(".current-submenu-4").width())
			.css("left", $(".current-submenu-4 a").position().left)
			.data("origLeft", $magicLine4.position().left)
			.data("origWidth", $magicLine4.width());
		
		$("#lakohelyem li").find("a").hover(function() {
			$el = $(this);
			leftPos = $el.position().left;
			newWidth = $el.parent().width();
			
			$magicLine4.stop().animate({
				left: leftPos,
				width: newWidth
			});
		}, function() {
			$magicLine4.stop().animate({
				left: $magicLine4.data("origLeft"),
				width: $magicLine4.data("origWidth")
			});    
		});
	}
	
	
	
	// submenu ORSZAGVILAG
	var divOrszagvilag = document.getElementById("orszagvilag");
	
	if (divOrszagvilag) {
		$mainNavOrszagvilag.append("<li class='magic-line-5'></li>");
		
		var $magicLine5 = $(".magic-line-5");
		
		$magicLine5
			.width($(".current-submenu-5").width())
			.css("left", $(".current-submenu-5 a").position().left)
			.data("origLeft", $magicLine5.position().left)
			.data("origWidth", $magicLine5.width());
		
		$("#orszagvilag li").find("a").hover(function() {
			$el = $(this);
			leftPos = $el.position().left;
			newWidth = $el.parent().width();
			
			$magicLine5.stop().animate({
				left: leftPos,
				width: newWidth
			});
		}, function() {
			$magicLine5.stop().animate({
				left: $magicLine5.data("origLeft"),
				width: $magicLine5.data("origWidth")
			});    
		});
	}
	
	
	
	// submenu FOTOALBUM
	var divFotoalbum = document.getElementById("fotoalbum");
	
	if (divFotoalbum) {
		$mainNavFotoalbum.append("<li class='magic-line-6'></li>");
		
		var $magicLine6 = $(".magic-line-6");
		
		$magicLine6
			.width($(".current-submenu-6").width())
			.css("left", $(".current-submenu-6 a").position().left)
			.data("origLeft", $magicLine6.position().left)
			.data("origWidth", $magicLine6.width());
		
		$("#fotoalbum li").find("a").hover(function() {
			$el = $(this);
			leftPos = $el.position().left;
			newWidth = $el.parent().width();
			
			$magicLine6.stop().animate({
				left: leftPos,
				width: newWidth
			});
		}, function() {
			$magicLine6.stop().animate({
				left: $magicLine6.data("origLeft"),
				width: $magicLine6.data("origWidth")
			});    
		});
	}
	
	
	
	// submenu SOROZATOK
	var divSorozatok = document.getElementById("sorozatok");
	
	if (divSorozatok) {
		$mainNavSorozatok.append("<li class='magic-line-7'></li>");
		
		var $magicLine7 = $(".magic-line-7");
		
		$magicLine7
			.width($(".current-submenu-7").width())
			.css("left", $(".current-submenu-7 a").position().left)
			.data("origLeft", $magicLine7.position().left)
			.data("origWidth", $magicLine7.width());
		
		$("#sorozatok li").find("a").hover(function() {
			$el = $(this);
			leftPos = $el.position().left;
			topPos = $el.position().top;
			newWidth = $el.parent().width();
			
			$magicLine7.stop().animate({
				top: topPos, 
				left: leftPos,
				width: newWidth
			});
		}, function() {
			$magicLine7.stop().animate({
				left: $magicLine7.data("origLeft"),
				width: $magicLine7.data("origWidth")
			});    
		});
	}
});