// ver. menu
$.fn.vm=function() {
	var $f=$(this).find("#vmenu-pd > ul > li");
	var $su=$(this).find("#vmenu-pd > ul > li > ul"); var $s=$f.find("> ul > li");
	var flag=""; var tID; var allH=$("#box-all").height()-100;
	function hSub() { clearTimeout(tID); id=$(flag).attr("id").replace("fm",""); $(flag).removeClass("m"+id); flag=""; }
	return this.each(function() {
		$f.each(function(i) { var num = i+1; if(num>7) num=i%7+1; $(this).attr("id","fm"+(num)); });
		$su.each(function() {
			$(this).before("<div><img src=\"/i/p.gif\" height=\"22\" width=\"2\" class=\"bl\"></div>");
			if ($(this).height()>230) { $(this).css({height:230,overflowY:"auto",width:$(this).width()+22}); }
			p=$(this).parent().position().top; pt=allH-(p+$(this).height());
			if (pt<0) { pt=parseInt(-pt/23); pt=pt==0?23:pt*23; $(this).css({top:-pt}); }
		});
		$s.hover(function() { $(this).addClass("on"); },function() { $(this).removeClass("on"); });
		$f.hover(
			function() {
				if (flag!=""&&flag!=$(this)) {
					hSub(); id=$(this).attr("id").replace("fm",""); $(this).addClass("m"+id); flag=$(this);
				} else {
					id=$(this).attr("id").replace("fm",""); $(this).addClass("m"+id); flag=$(this);
				}
			},
			function() {
				if ($(this).find("> ul").is("ul")) { tID=setTimeout(hSub,500); } else { hSub(); };
			}
		);
	});
};
// for IE6
$.fn.sb=function() {
	var $div=$(this);
	var col={
		grey:"#ccc",
		green:"#b7e290",
		brown:"#eac59e",
		red:"#fdb7b7",
		violet:"#e1baf5",
		blue:"#b2d1f5",
		lightblue:"#8fe6ea",
		yellow:"#e8d553"
	};
	return this.each(function() {
		if ($(this).hasClass("grey")||$(this).hasClass("green")||$(this).hasClass("brown")||$(this).hasClass("red")||
						$(this).hasClass("violet")||$(this).hasClass("blue")||$(this).hasClass("light-blue")||$(this).hasClass("yellow")) {
			c=eval("col."+$(this).attr("class").replace("-",""));
			switch($(this).attr("id")) {
				case "left-pic":
					$(this).css({backgroundColor:"#fff",backgroundImage:"url(/i/"+$(this).attr("class")+".gif)"});
					break;
				case "vmenu":
					$(this).css({backgroundColor:"#fff",backgroundImage:"url(/i/"+$(this).attr("class")+".gif)",backgroundRepeat:"repeat-x"});
					break;
				default: $(this).css({backgroundColor:c}); break;
			}
		}
	});
};
// fasad
$.fn.fasad=function() {
	var $menu=$(this).find(".menu > a"); var mflag=0; var h=0;
	var $block=$(this).find("#f1,#f2,#f3");
	return this.each(function() {
		$menu.each(function(i) { $(this).width($(this).width()); }); $($menu[0]).addClass("on");
		$block.each(function() { h=h<$(this).innerHeight()?$(this).innerHeight():h; }); $block.height(h-36);
		$menu.click(function() {
			id=$menu.index(this);
			if (id!=mflag) {
				$($menu[mflag]).removeClass("on"); $("#f"+(mflag+1)).css({display:"none"});
				$(this).addClass("on"); $("#f"+(id+1)).css({display:"block"});
				mflag=id;
			}
			switch(id) {
				case 0: $("#pic").css({backgroundPosition:"50% -1px"}); break;
				case 1: $("#pic").css({backgroundPosition:"50% -486px"}); break;
				case 2: $("#pic").css({backgroundPosition:"50% -970px"}); break;
			}
		});
		$block.find("li > a").hover(
			function() {
				$(this).parent().addClass("on");
				pid=$(this).attr("id").replace("l",""); $("#pic >"+("#p"+pid)).css({display:"block"});
			},
			function() {
				$(this).parent().removeClass("on");
				pid=$(this).attr("id").replace("l",""); $("#pic >"+("#p"+pid)).css({display:"none"});
			}
		);
	});
};

$(function() {
	$("#vmenu").vm();
	$("#fasad").fasad();
	if (msie6) $(document.body).find("div").sb();
});