﻿var switching_tabs = false;
var currentTabID = 'INeedTo';

var imgTabINeedTo = new Image(169,36); imgTabINeedTo.src = '/images/Tabs/TabINeedTo.jpg';
var imgTabMyTargetIs = new Image(169,36); imgTabMyTargetIs.src = '/images/Tabs/TabMyTargetIs.jpg';
var imgTabMyRoleIs = new Image(169,36); imgTabMyRoleIs.src = '/images/Tabs/TabMyRoleIs.jpg';
var imgTabINeedToSelected = new Image(169,36); imgTabINeedToSelected.src = '/images/Tabs/TabINeedToSelected.jpg';
var imgTabMyTargetIsSelected = new Image(169,36); imgTabMyTargetIsSelected.src = '/images/Tabs/TabMyTargetIsSelected.jpg';
var imgTabMyRoleIsSelected = new Image(169,36); imgTabMyRoleIsSelected.src = '/images/Tabs/TabMyRoleIsSelected.jpg';

var imgFreeAdvice = new Image(182,84); imgFreeAdvice.src = '/images/FreeAdvice.png';
var imgFreeAdviceOn = new Image(182,84); imgFreeAdviceOn.src = '/images/FreeAdviceOn.png';

var tabSwitcherTimer;
var timerStop = false;

function StartTabSwitcher()
{
	tabSwitcherTimer = setTimeout('AutoSwitchTab()', 10000);
}

function AutoSwitchTab()
{
	if (!timerStop)
	{
		var nextTab;
	
		switch (currentTabID)
		{
			case 'INeedTo':
				nextTab = 'MyTargetIs';
				break
	
			case 'MyTargetIs':
				nextTab = 'MyRoleIs';
				break
	
			case 'MyRoleIs':
				nextTab = 'INeedTo';
				break
		}
	
		SwitchTab(nextTab);
		setTimeout('AutoSwitchTab()', 9000);
	}
	else
	{
		clearTimeout(tabSwitcherTimer);
	}
}

function SwitchTabClick(selectedTabID)
{
	clearTimeout(tabSwitcherTimer);
	timerStop = true;
	
	SwitchTab(selectedTabID);
}

function SwitchTab(selectedTabID)
{
	if (!switching_tabs)
	{
		if (selectedTabID != currentTabID)
		{
			switching_tabs = true;
			
		    var currentTab = eval('document.getElementById("' + currentTabID + '")');
		    currentTab.src = eval('imgTab' + currentTabID + '.src');
		    currentTab.parentNode.className = 'tab-' + currentTabID.toLowerCase();
		
		    var selectedTab = eval('document.getElementById("' + selectedTabID + '")');
		    selectedTab.src = eval('imgTab' + selectedTabID + 'Selected.src');
		    selectedTab.parentNode.className = '';
		
			$('div#tabContainer' + currentTabID).fadeOut('fast', ExpandTabContainer(selectedTabID));
		}
	}
	else
	{
	    //alert('switching_tabs = true');
	}
}

function ExpandTabContainer(selectedTabID)
{
    if (selectedTabID == 'MyRoleIs')
    {
        $('#tabPaddingCell').animate({width:'354'}, 400);
        $('#tabContainerTable').animate({width:'920'}, 400, SwitchTabContent(selectedTabID));
        //document.getElementById("tabPaddingCell").style.width = '354px';
        //document.getElementById("tabContainerTable").style.width = '837px';
    }
    else if (currentTabID == 'MyRoleIs')
    {
        $('#tabContainerTable').animate({width:'741'}, 400);
        $('#tabPaddingCell').animate({width:'177'}, 400, SwitchTabContent(selectedTabID));                                               
        //document.getElementById("tabPaddingCell").style.width = '177px';
        //document.getElementById("tabContainerTable").style.width = '672px';
    }
    else
    {
	    SwitchTabContent(selectedTabID);
    }
}

function SwitchTabContent(selectedTabID)
{
 	//var currentTabContainer = eval('document.getElementById("tabContainer' + currentTabID + '")');
	
    //currentTabContainer.style.display = 'none';
	//currentTabContainer.style.visibility = 'hidden';

	//var selectedTabContainer = eval('document.getElementById("tabContainer' + selectedTabID + '")');

	//selectedTabContainer.style.display = 'block';
	//selectedTabContainer.style.visibility = 'visible';

	setTimeout("$('div#tabContainer" + selectedTabID + "').fadeIn('300')", 400, SwitchTabFinished(selectedTabID));
}

function SwitchTabFinished(selectedTabID)
{
    currentTabID = selectedTabID;
    switching_tabs = false;
    //alert('switching_tabs = false');
}

addOnloadEvent(StartTabSwitcher);
