// javascript document
function tabs(net_txt,net_box){
	var defaultopts = { interval: 4000, fadeintime: 500, fadeouttime: 500 };
//iterate over the current set of matched elements
var _titles = $("#"+net_txt+" span");
var _titles_bg = $("#"+net_txt+" span");
var _bodies = $("#"+net_box+" div.img");
var _count = _titles.length;   
var _current = 0;
var _intervalid = null;
var stop = function() { window.clearinterval(_intervalid); };
var slide = function(opts) {
if (opts) {
_current = opts.current || 0;
} else {
_current = (_current >= (_count - 1)) ? 0 : (++_current);
};
_bodies.filter(":visible").fadeout(defaultopts.fadeouttime, function() {
_bodies.eq(_current).fadein(defaultopts.fadeintime);
_bodies.removeclass("on").eq(_current).addclass("on");
});
_titles.removeclass("on").eq(_current).addclass("on");
_titles_bg.removeclass("on").eq(_current).addclass("on");
}; //endof slide
var go = function() {
stop();
_intervalid = window.setinterval(function() { slide(); }, defaultopts.interval);
}; //endof go
var itemmouseover = function(target, items) {
stop();
var i = $.inarray(target, items);
slide({ current: i });
}; //endof itemmouseover
_titles.hover(function() { if($(this).attr('class')!='on'){itemmouseover(this, _titles); }else{stop();}}, go);
_bodies.hover(stop, go);
go(); 

}