$(document).ready(function(){
	attachEventToData();
	
	$("a[name='parentLinks']").bind("click", function(){
		idRemoveClas = $('.catalogueCurrentLink').attr('id');
		$("#" + idRemoveClas).removeClass('catalogueCurrentLink');
		$("#" + idRemoveClas).addClass('catalogueLink');
		$(this).addClass('catalogueCurrentLink');
		
		$("#subMenuUL").text("");
		idMenu = this.id;
		$.ajax({
			type: 'GET',
			url: 'getSubMenu.php',
			data: 'id=' + idMenu,
			dataType: 'json',
			success: function(data) {
				$.each(data, function(i){
					if(i == 0) $("#subMenuUL").append('<li class="subMenuLI" style="display: none;" id="idM_' + i + '"><a href="javascript: void(0)" class="subMenuLink" id="' + data[i].id + '">' + data[i].name + '</a></li>');
					if(i > 0) $('<li class="subMenuLI" style="display: none;" id="idM_' + i + '"><a href="javascript: void(0)" class="subMenuLink" id="' + data[i].id + '">' + data[i].name + '</a></li>').insertAfter("#idM_" + (i - 1));
				});
				if(data.length > 0) {
					$("#subMenuUL").animate({
						width: "0"
					}, 800);					
					$("#subMenuUL").animate({
						width: "615px"
					}, 800, showMenus);
				} else {
					$("#subMenuUL").hide();
				}
				
				$(".subMenuLink").bind("click", function(){
					var catId = this.id;
					$.ajax({
						type: 'GET',
						url: 'getProductsCatalogue.php',
						data: 'id=' + this.id,
						dataType: 'json',
						success: function(data) {
													
							if(data.length < 1) return;
							$("div[name='innerProducts']").css({"background": "none", "padding": "0"});
							$("div[name='innerProducts']").text("");
							$("div[name='innerProducts'] > *").remove();
							$("div[name='innerProducts']").append('<ul id="productsUL"></ul>');
							$.ajax({
								type: 'GET',
								url: 'getCatalogueData.php',
								data: 'id=' + catId,
								dataType: 'json',
								success: function(data1) {									
									$("#productsUL").before('<div style="width: 620px; margin-left: 40px;" >' + data1[0].description + '</div><br style="clear: both;" />');
								}
							});	
							$("#productsUL").text("");
							$.each(data, function(inx) {
								if(inx == 0) $("#productsUL").append('<li class="productsLI" id="CP_' + inx + '"><div class="productImage"><a href="javascript: void(0)" class="prodLink" id="PR_' + data[inx].id + '"><img src="./files/tntn/' + data[inx].name + '" border="0" /></a></div></li>');
								if(inx > 0) $('<li class="productsLI" id="CP_' + inx + '"><div class="productImage"><a href="javascript: void(0)" class="prodLink" id="PR_' + data[inx].id + '"><img src="./files/tntn/' + data[inx].name + '" border="0" /></a></div></li>').insertAfter("#CP_" + (inx - 1));
							})
							attachEventToData();
						}
					});
				});				
			}
		});
	})
})

function attachEventToData() {
	$(".prodLink").bind("click", function(){
		$("#infoBoxContent").hide();						
		$("#infoBoxClose").hide();		
		prID = this.id;
		$.ajax({
			type: 'POST',
			url: 'getProductData.php?id=' + prID,
			dataType: 'xml',
			success: function(data) {
				xmlDoc = data.documentElement;
				$("#bigDoor").attr("src", "files/tn/" + xmlDoc.getElementsByTagName("pic")[0].childNodes[0].nodeValue);
				$("#infoBox").show();
				$("#infoBoxHeadLink").text(xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue);
				$("#infoBoxHeadLink").bind("click", function(){
					$("#infoBoxContent").text(xmlDoc.getElementsByTagName("description")[0].childNodes[0].nodeValue);
					$("#infoBoxContent").show();
					$("#infoBoxClose").show();
					$("#infoBoxClose").bind("click", function(){
						$("#infoBoxContent").hide();						
						$("#infoBoxClose").hide();
					});
				}); 
			}
		});
	});
}

function showMenus() {
	$(".subMenuLI").show();
}