﻿Cerberus.Tabs = function()
{
}

Cerberus.Tabs.Initialize = function()
{
	Cerberus.Tabs.Render();

    $("#Tabs ul li a").bind("click", function() 
    {
		$("#Tabs ul li").removeClass("current");
		$(this).parent().addClass("current");
		
		var target = $(this).attr("href");
		
		$("#Tabs .content").addClass("hidden");
		$(target).removeClass("hidden");
		
		Cerberus.Tabs.Render();
    });
}

Cerberus.Tabs.Render = function()
{
	$("#Tabs ul li").removeClass("t1 t2 t3 t4 t5").addClass("t2");
	$("#Tabs ul li:first").removeClass("t2").addClass("first selected");
	$("#Tabs ul li:eq(1)").removeClass("t2").addClass("t1");
	$("#Tabs ul li:last").removeClass("t2").addClass("t4");
	
	if($("#Tabs ul li:last").hasClass("current"))
	{
		$("#Tabs ul li:first").removeClass("selected");
		$("#Tabs ul li:eq(1)").removeClass("t1").addClass("t2");
		$("#Tabs ul li:last").removeClass("t4").addClass("t3");
		$("#Tabs ul li:last").prev().removeClass("t2").addClass("t5");
	}
	else if($("#Tabs ul li:eq(1)").hasClass("current") == false)
	{
		$("#Tabs ul li:first").removeClass("selected");
		$("#Tabs ul li:eq(1)").removeClass("t1").addClass("t2");
		$("#Tabs ul li.current").removeClass("t2").addClass("t1");
		$("#Tabs ul li.current").prev().removeClass("t2").addClass("t5");
	}
}

$(function()
{
	$("#Tabs ul li:eq(1)").addClass("current");
	Cerberus.Tabs.Initialize();
});
