$(document).ready(function() {
	
	// init tab
	$("#mid_left ul.tabs div.tab").not(".open").css("height", "43px");
	
	$("#mid_left ul.tabs div.tab div.tab-header").hover(
		function(){
			var parent = $(this).parent(".tab");
			
			if (!parent.hasClass("open"))
			{
			
				parent.animate({'height': '100%'}, 100);	
				$("#mid_left ul.tabs div.tab.open").animate({height: "43px"}, 100);
				$("#mid_left ul.tabs div.tab.open").removeClass("open");
				parent.addClass("open");
			}
			
			return false;
		},
		function() {}
	);
	
	
	$("div.navbutton a").hover(
		function(){
			var imgsrc = $(this).find("img").eq(0).attr("src");
			$(this).find("img").eq(0).attr("src", imgsrc.substring(0, imgsrc.lastIndexOf('.jpg'))+"_on.jpg");
		},
		function() {
			var imgsrc = $(this).find("img").eq(0).attr("src");
			$(this).find("img").eq(0).attr("src", imgsrc.substring(0, imgsrc.lastIndexOf('_on.jpg'))+".jpg");
		}
	);
	
	var isMoving = false;
	
	$("#howdoi-all").mouseover(
		function() {
			if (isMoving == false) {
				isMoving = true;
				$("#howdoi-menu").slideDown("fast", function() {isMoving=false;});
			}
		}
	);
/*
	$("#howdoi").click(
		function() {
			$("#howdoi-menu").slideToggle("fast", function() {isMoving=false;});	
		}
	);
*/
	$("#howdoi-all").mouseleave(
			function() {
				if (isMoving == false) {
					isMoving = true;
					$("#howdoi-menu").slideUp("fast", function() {isMoving=false;});
				}
			}
		);

	$(":not(#howdoi-all)").mousedown(
		function() {
			isMoving = true;
			$("#howdoi-menu").slideUp("fast", function() {isMoving=false;});
		}
	);
});