﻿// JavaScript Document
jQuery.fn.extend({
	dongTabs : function(nowId){
		var bars = this.find("ul:first > li");
		var boxs = this.find("ul:eq(1) > li");
		//
		var nowBarId = nowId;
		
		$.each(bars , function(i,n){
			var img = $(n).children("img");
			var outSrc = img.attr("src");
			img.attr("outSrc",outSrc);
			var objImg = new Image;
			objImg.src=img.attr("overSrc");
			//
			bars.eq(i).attr("dong_tab_barId",i);
			boxs.eq(i).attr("dong_tab_boxId",i);
			//
		});
		doOut(bars,boxs);
		doOver(bars.eq(0) , boxs.eq(0));
		
		
		
		bars.mouseover(function (){
			var n = $(this).attr("dong_tab_barId");
			var thisBox = boxs.filter("[dong_tab_boxId='"+ n +"']");
			if (n.toString()!=nowBarId.toString()){
				nowBarId = n;
				doOut(bars,boxs);
				doOver($(this) , thisBox);
			}
		});
		
		function doOver(bar,box){
			var img = bar.children("img");
			img.attr("src",img.attr("overSrc"));
			//box.show("fast");
			box.fadeIn("slow");
		}
		function doOut(bar,box){
			$.each(bar , function(i,n){
				var img = $(n).children("img");
				img.attr("src",img.attr("outSrc"));
			});
			//box.fadeOut("fast");
			box.hide();
		}
	}

});
