var isQa01 = false;
var isQa02 = false;
var currentQ1 = "";
var currentQ2 = "";

(function(func) {
	try {
		window.addEventListener("load", func, false);
	} catch(e) {
		window.attachEvent("onload", func);
	}
})(function() {

	$("#qa01 ul li").click(function () {
		if(currentQ1 != this.id)
		{
			$("#qa02").slideDown("normal");
			currentQ1 = this.id;
			isQa01 = true;
			refreshFloat("hide", "#qa01", currentQ1);
			if(isQa02)
			{
				hideInner();
				$("#" + currentQ1 + currentQ2).show("normal");
			}
		}
		
	});
	
	$("#qa02 ul li").click(function () {
		if(currentQ2 != this.id)
		{
			$("#qa03").slideDown("normal");
			currentQ2 = this.id;
			refreshFloat("hide", "#qa02", currentQ2);
	
			if(isQa02)
			{
				hideInner();
				$("#" + currentQ1 + currentQ2).show("normal");
			}
			else
			{
				hideInner();
				$("#" + currentQ1 + currentQ2).show("normal");
			}
			
			isQa02 = true;
		}
	});
	
	$("#qa01 ul li").mouseover(function(){
		var id = this.id;
		if(isQa01)
		{
			if(currentQ1 != id)
			{
				$("#" + id + " img").show();
			}
		}
	});
	
	$("#qa01 ul li").mouseout(function(){
		var id = this.id;
		if(isQa01)
		{
			if(currentQ1 != id)
			{
				$("#" + id + " img").hide();
			}
		}
	});
	
	$("#qa02 ul li").mouseover(function(){
		var id = this.id;
		if(isQa02)
		{
			if(currentQ2 != id)
			{
				$("#" + id + " img").show();
			}
		}
	});
	
	$("#qa02 ul li").mouseout(function(){
		var id = this.id;
		if(isQa02)
		{
			if(currentQ2 != id)
			{
				$("#" + id + " img").hide();
			}
		}
	});
	
});


function hideInner()
{
	$("#qa03 div ul").hide("normal");
}

function refreshFloat(type, parent, tg)
{
	if(type == "show")
	{
		$(parent + " ul li img").show();
		$("#" + tg + " img").hide();
	}
	else
	{
		$(parent + " ul li img").hide();
		$("#" + tg + " img").show();
	}
}