var subLinksUrl = "static_info.php";
var imagesDir = "./files/tntn/";

/***************** Start Left Menu ****************/
$(document).ready(function() {
	$("a[name='subMenu']").bind("click", function(e) {
		$("#menuOver").remove();
		
		var idMenu = this.id;
		var jsonData = null;
		$.ajax({
			type: "GET",
			url: "getSubMenus.php",
			data: "id=" + idMenu + "random=" + Math.random(),
			dataType: "json",
			success: function(data) {
				jsonData = data	;
				$(document.createElement("div")).attr({"id": "menuOver"}).css({"top": 125 + ($("#" + idMenu).offset().top - 125) + "px"}).insertBefore("#content");
				$("#menuOver").animate({
					width: "220px",
					height: (jsonData.length == 1 ? 60 : jsonData.length * 40) + "px"
				}, 500);	
	
				/*********** Close **************/
				$(document.createElement("a")).attr({"id": "close", "href": "#"}).text("x").appendTo("#menuOver")
				$("#close").bind("click", function(){$("#menuOver").remove();});			
				
				/************ Sub Menu ***********/
				$(document.createElement("ul")).attr("id", "subMenuUL").insertAfter("#close");			
				$.each(jsonData, function(i) {
					if(i == 0)$(document.createElement("li")).attr({"class": "subMenuLI", "id": "l" + jsonData[i].id}).appendTo("#subMenuUL");
					if(i > 0)$(document.createElement("li")).attr({"class": "subMenuLI", "id": "l" + jsonData[i].id}).insertAfter("#l" + jsonData[i-1].id);
					$(document.createElement("a")).attr({"href": (jsonData[i].url != "" ? jsonData[i].url : "information-" + jsonData[i].link_title +"-" + jsonData[i].id + "-" + jsonData[i].lng + ".html"), "class": "subMenuLink", "id": "a" + jsonData[i].id}).text(jsonData[i].name).appendTo("#l" + jsonData[i].id);						
				});					
			}
		});
	});
	
	$("a[name='noSubMenu']").bind("mouseover", function(e) {
		$("#menuOver").remove();
	});	
});