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

$(document).ready(function() {
	offset  = $("#lastLI").offset();
	$("#lastLI").width($("#header").width() - offset.left);
});

/***************** 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,
			dataType: "json",
			success: function(data) {
				jsonData = data	;
				$(document.createElement("div")).attr({"id": "menuOver"}).css({"top": 125 + ($("#" + idMenu).offset().top - 125) + "px"}).insertBefore("#warp");
				$("#menuOver").animate({
					width: "90px",
					height: (jsonData.length == 1 ? 30 : jsonData.length * 18) + "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 : subLinksUrl + "?id=" + jsonData[i].id), "class": "subMenuLink", "id": "a" + jsonData[i].id}).text(jsonData[i].name + " | ").appendTo("#l" + jsonData[i].id);				
	
					if(jsonData[i].image != "") {
						$("#a" + jsonData[i].id).bind("mouseover", function(e) {
							$(document.createElement("div")).attr({"id": "subImage"}).css({"top": ($("#a" + jsonData[i].id).offset().top - 55) + "px"}).insertBefore("#warp");
							$(document.createElement("img")).attr("src", imagesDir + jsonData[i].image).appendTo("#subImage");
						});
						$("#a" + jsonData[i].id).bind("mouseout", function(e){
							$("#subImage").remove();
						});
					}	
				});					
			}
		});
	});
	
	$("a[name='noSubMenu']").bind("mouseover", function(e) {
		$("#menuOver").remove();
	});	
});