$.help = {
	init: function() {		
		$("#help a.close").live("click", $.help.open);
		$('#help').live("mousemove", $.help.checkPanel);
		$("#help-opener").live("click", $.help.open);
		$('#help ul li ul li').live("click", function(e) {
			$('#help ul li ul li.selected').removeClass("selected");
			$('#help ul li ul li').each(function(i) { this.index = i; });
			$(".content div", $.help.html).hide().eq(this.index).show()
			$(this).addClass("selected");
			return false;
		})
		$('#help .panel > ul > li').live("click", function(e, t) { t = $(this).find("ul");
			$('#help ul li ul').slideUp();
			$('#help ul li.selected').removeClass("selected");
			if(t.css("display") == "none") t.slideDown();
			else t.slideUp();
			$(this).addClass("selected");
		})
	},
	html: null,
	open: function(e,t) { t = $(this);	
		$.help.unlock = false;		
		if ($.help.html && $.help.html.css("display") != "none") {
			$("#help-opener").removeClass("opened");
			$.help.html.fadeOut(200)
		}
		else 
			if ($.help.html && $.help.html.css("display") == "none") {
				$("#help-opener").addClass("opened");
				$.help.html.fadeIn(200);
			}
			else {
				$("#help-opener").addClass("loading");
				$.get('/'+LOCALE+'/ajax/user/help/', null, function(help){
					$.get('/'+LOCALE+'/content/faq/', null, function(faq){
					
						$("#help-opener").addClass("opened");
						$.help.html = $(help).hide();
						$.help.html.find(".content div").not(":first").hide()
						
						var element = $(faq).find("h3").eq(0);
						var menu_faq = "<li>" + element.html() + "<ul>";
						var faq_content = "";
						element = element.next();
						
						while (element.length != 0) {
						
							if (element.is("h3")) {
								menu_faq += "</ul></li><li>" + element.html() + "<ul>";
							}
							else 
								if (element.is("h4")) {
									menu_faq += "<li><a>" + element.html() + "</a></li>";
									faq_content += "<div><h2>" + element.html() + "</h2><p>" + element.next().html() + "</p></div>";
								}
							element = element.next();
						}
						menu_faq += "</ul></li>";
						$.help.html.find("#help_faq_ul").html(menu_faq);
						$.help.html.find("#help_faq_content").html(faq_content);
						
						$("#help-opener").removeClass("loading");
						
						
						t.after($.help.html);
						$.help.html.fadeIn(200);
						$.help.panelOpened = true;
						$.help.html.bind("blur", function(){
							//alert('hu');
							//$.help.open
						});
					});
				});
			}
		return false;
	},
	checkPanel: function(e,x) {
		x = e.pageX - $.help.html.offset().left;
		if(x < 170) $.help.unlock = true;
		if(x < 50 && $.help.panelClosed) {
			$.help.panelClosed = false;
			$('#help .panel').animate({ marginLeft:5, width:210 },200, function() { $.help.panelOpened = true; });					
		}
		else if(x > 300 && $.help.panelOpened && $.help.unlock) {
			$.help.panelOpened = false;
			setTimeout(function() {
				$("#help .panel").animate({ marginLeft:-210, width:235 },800, function() { $.help.panelClosed = true; });	
			}, 2000);
		}
	}
}

$.help.init();