﻿$(function()
{
	var box=$("#divTabBox");
	if(box.length==0)
		return;
	var tabs=box.find(">div.title>div");
	var divs=box.find(">div.content>div");

	for(var i=0;i<tabs.length;i++)
	{
		tabs[i].div=divs.eq(i);
	}
	divs.hide();
	tabs.click(function()
	{
		tabs.removeClass("active");
		divs.hide();
		this.div.show();
		$(this).addClass("active");
	}).hover(function(){this.style.color="#FF0000";},function(){this.style.color="";});
	tabs.eq(0).triggerHandler("click");
});