//tab 控件，需要jquery支持
function TabControl(id,normalClass,focusClass,hoverClass,selectedIndex)
{
	this.size = $('#'+id+' > ul > li').length;
	this.tabs = $('#'+id+' > ul > li');
	this.tabContents =  $('#'+id+' > div');
	this.name = id;
	this.normalClass = normalClass;
	this.hoverClass = hoverClass;
	this.focusClass = focusClass;
	if( selectedIndex != undefined && selectedIndex != null )
		this.selectedIndex = selectedIndex;
	else
		this.selectedIndex = 1;

	this.clickTab = function(event) {
		var sender = event.data.sender;
		var tab  = event.data.tabCtrl;
		for( var i=1;i<=tab.size;i++)
		{
			el_tab = '#'+tab.name+'_'+i;
			el_tab_content = '#'+tab.name+'_content_'+i;

			if( i==sender.attr('tag') )
			{
				
				$(el_tab).removeClass( tab.normalClass);
				$(el_tab).addClass( tab.focusClass );
				$(el_tab_content).fadeIn();
					
				
			}
			else
			{
				$(el_tab).removeClass( tab.focusClass );
				$(el_tab).addClass( tab.normalClass );
				$(el_tab_content).hide();
			}
		}
	}

	this.overTab = function(event) {
		var sender = event.data.sender;
		var tab  = event.data.tabCtrl;
		sender.removeClass( tab.normalClass );
		sender.addClass( tab.hoverClass );

	}

	this.outTab = function(event) {
		var sender = event.data.sender;
		var tab  = event.data.tabCtrl;
		sender.removeClass( tab.hoverClass );
		sender.addClass( tab.normalClass );
	}

	for(var i=1;i<=this.size;i++)
	{

		el_tab = '#'+this.name+'_'+i;
		el_tab_content = '#'+this.name+'_content_'+i;
		this.tabs[i-1].id = this.name+'_'+i;
		this.tabContents[i-1].id = this.name+'_content_'+i;

		if( i != this.selectedIndex)
		{	//未选中的tab
			$(el_tab_content).hide();
			$(el_tab).addClass(normalClass);
		}
		else //处理当前选中的tab
		{
			$(el_tab).addClass(focusClass);
		}

		$(el_tab).attr('tag',i);

		//事件


		$(el_tab).bind('click',{sender:$(el_tab),tabCtrl: this}, this.clickTab );
		$(el_tab).bind('mouseover',{sender:$(el_tab),tabCtrl: this}, this.overTab);
		$(el_tab).bind('mouseout',{sender:$(el_tab),tabCtrl: this}, this.outTab );



	}
}

function STab(el,cssHover)
{
	
	$("#"+el+" li").click( function() {
		
		for(var i=0;i<$("#"+el+" li").length;i++)
		{
			$("#"+el+" li").eq(i).children('img').attr('src','/templates/default/images/'+el+'_'+i+'.gif');
		
		}
		$("#"+el+" li").eq( $(this).index() ).children('img').attr('src','/templates/default/images/'+el+'_'+$(this).index()+'_over.gif');
		
		$("#"+el+" li").removeClass(cssHover);
		$(this).addClass(cssHover);
		$("#"+el).next(".tab_content").children().hide();
		$("#"+el).next(".tab_content").children().eq( $(this).index() ).show();
	});

}

function Tab(el,cssHover,isA)
{
	
	$("#"+el+" li").click( function() {
		if( isA == undefined || isA == null )
		{
			$("#"+el+" li").removeClass(cssHover);
			$(this).addClass(cssHover);
		}
		else
		{
			$("#"+el+" li a").removeClass(cssHover);
			$(this).children('a').addClass(cssHover);
		}

		$(this).addClass(cssHover);
		$("#"+el).parent().next(".tab_content").children().hide();
		$("#"+el).parent().next(".tab_content").children().eq( $(this).index() ).show();
	});

}

function Tab2(el,cssHover,isA)
{
	
	$("#"+el+" li").mouseover( function() {
		if( isA == undefined || isA == null )
		{
			$("#"+el+" li").removeClass(cssHover);
			$(this).addClass(cssHover);
		}
		else
		{
			$("#"+el+" li a").removeClass(cssHover);
			$(this).children('a').addClass(cssHover);	
		
		}
		$("#"+el).parent().next(".tab_content").children().hide();
		$("#"+el).parent().next(".tab_content").children().eq( $(this).index() ).show();
	});

}