$(document).ready(function(){

	$("div.main-btn").hover(function() {
	
		var loading = '<div class="loading"><img src="images/ajax-loader.gif" /></div>';
		var button = $(this);
		
		button.addClass("active").css("background", "url(images/main-btn-active-bg.png) top repeat-x #FFF").find("div.submenu").css({"display" : "block", "background" : "#FFF"});
		
		//----- midlines -------->
		
		button.find(".lines ul li").bind("click", function(){
			
			var element = $(this);
			
			button.find(".midlines").ajaxStart(function(){
				$(".loading-container").html(loading);
			});
						
			button.find(".extra").empty();
			button.find("div.submenu").css("width", "470px");
			
			button.find(".lines ul li").css("background", "none");
			button.find(".lines ul li:eq("+element.index()+")").css("background", "#E3E3E3");
			
			$.post("ajax/DropDownMenu.ajax.php", { option: "midlines", sector: element.attr("sector"), line: element.attr("id_line") },
				function(data) {
					
					$(".loading-container").empty();
					button.find(".midlines").html(data);
					
				}
			);
		});
		
		//----- sublines -------->
		
		button.find(".midlines ul li").live("click", function() {
			
			var element = $(this);
			
			button.find(".sublines").ajaxStart(function(){
				$(".loading-container").html(loading);
			});
			
			button.find(".extra").empty();
			button.find("div.submenu").css("width", "470px");
						
			button.find(".midlines ul li").css("background", "none");
			button.find(".midlines ul li:eq("+element.index()+")").css("background", "#E3E3E3");
						
			$.post("ajax/DropDownMenu.ajax.php", { option: "sublines", midline: element.attr("id_midline"), sector: element.attr("sector") },
				
				function(data) {
					$(".loading-container").empty();
					button.find(".sublines").addClass("wbg").html(data);
				}
			);	

		});
		
		//----- products -------->
		
		button.find(".sublines ul li").live("mouseover", function(){
		
			var element = $(this);
			var subline = element.attr("id_subline");
			var endline = element.attr("endline");
			var sector = element.attr("sector");
			
			button.find(".extra").ajaxStart(function(){
				$(".loading-container").html(loading);
			});
			
			button.find(".sublines ul li").css("background", "none");
			button.find(".sublines ul li:eq("+element.index()+")").css("background", "#E3E3E3");
			
			$.post("ajax/DropDownMenu.ajax.php", { 
				
				"option" : endline == 1 ? "endline" : "picture", 
				"subline" : subline, 
				"sector" : sector, 
				"endline" : endline
			
			},
				function(data) {
					
					$(".loading-container").empty();
					if (data) {
						button.find("div.submenu").css("width", ((sector == 1 && endline != 1) ? "765px" : "658px"));
						button.find(".extra").html(data);
					} else {
						button.find(".extra").empty();
						button.find("div.submenu").css("width", "470px");
					}
				}
			);	
		});
	}, 
	function(){
		
		var button = $(this);
		
		button.find(".lines ul li").unbind("click");
		button.find(".midlines ul li").die("click");
		button.find(".sublines ul li").die("mouseover");
		
		//button.find(".lines").empty();
		//button.find(".midlines").empty();
		//button.find(".sublines").empty();
		button.find(".extra").empty();
		
		button.find("div.submenu").css("width", "470px");
		button.removeClass("active").css("background", "none").find("div.submenu").css("display", "none"); 
		
	});
});