
var g_last_active_index = -1;

function SetActiveTab(	current_active_index,
			new_active_index,
			total_tabs,
			tab_image_path,
			tab_image_extension,
			make_active_bold,
			active_font_color,
			inactive_font_color,
			hover_font_color,
			is_ajax,
			ajax_url)
{

	if(g_last_active_index == -1)
	{
		g_last_active_index = current_active_index;
	}

	if(g_last_active_index != new_active_index)
	{
		for(i=0; i<total_tabs; i++)
		{
			if(i<1)
			{
				if(i == new_active_index)
				{
					document.getElementById('tab_start_'+i).style.background = 'url(./'+tab_image_path+'none_active'+tab_image_extension + ')';
					document.getElementById('tab_middle_'+i).style.background = 'url(./'+tab_image_path+'middle_active'+tab_image_extension + ')';
				}
				else
				{
					document.getElementById('tab_start_'+i).style.background = 'url(./'+tab_image_path+'none_inactive'+tab_image_extension + ')';
					document.getElementById('tab_middle_'+i).style.background = 'url(./'+tab_image_path+'middle_inactive'+tab_image_extension + ')';
				}
			}
			else
			{
				if(new_active_index == (i-1))
				{
					document.getElementById('tab_start_'+i).style.background = 'url(./'+tab_image_path+'active_inactive'+tab_image_extension + ')';
					document.getElementById('tab_middle_'+i).style.background = 'url(./'+tab_image_path+'middle_inactive'+tab_image_extension + ')';
				}
				else if(new_active_index == i)
				{
					document.getElementById('tab_start_'+i).style.background = 'url(./'+tab_image_path+'inactive_active'+tab_image_extension + ')';
					document.getElementById('tab_middle_'+i).style.background = 'url(./'+tab_image_path+'middle_active'+tab_image_extension + ')';
				}
				else
				{
					document.getElementById('tab_start_'+i).style.background = 'url(./'+tab_image_path+'inactive_inactive'+tab_image_extension + ')';
					document.getElementById('tab_middle_'+i).style.background = 'url(./'+tab_image_path+'middle_inactive'+tab_image_extension + ')';
				}
			}

			if(new_active_index == i)
			{
				if(is_ajax)
				{
					document.getElementById('tab_body_'+i).style.display = 'none';
					document.getElementById('tab_body_ajax').innerHTML = 'loading...';
					document.getElementById('tab_body_ajax').style.display = 'block';
					
					Ajax_GetTabBody(ajax_url)
				}
				else
				{
					document.getElementById('tab_body_ajax').style.display = 'none';
					document.getElementById('tab_body_'+i).style.display = 'block';
				}
				
				document.getElementById('tab_middle_'+i).style.cursor = 'default';
				if(make_active_bold)
					document.getElementById('tab_title_'+i).style.fontWeight = 'bold';
				document.getElementById('tab_title_'+i).style.color = active_font_color;
				document.getElementById('tab_middle_'+i).onmouseover = function() { null; } ;
				document.getElementById('tab_middle_'+i).onmouseout = function() { null; } ;
			}
			else
			{
				document.getElementById('tab_body_'+i).style.display = 'none';

				document.getElementById('tab_middle_'+i).style.cursor = 'pointer';
				if(make_active_bold)
					document.getElementById('tab_title_'+i).style.fontWeight = '';
				document.getElementById('tab_title_'+i).style.color = inactive_font_color;
				eval("document.getElementById('tab_middle_" + i + "').onmouseover = function() { document.getElementById('tab_title_" + i + "').style.color = '" + hover_font_color + "'; } ");
				eval("document.getElementById('tab_middle_" + i + "').onmouseout = function() { document.getElementById('tab_title_" + i + "').style.color = '" + inactive_font_color + "'; } ");
			}

			// If it's the last tab
			if(i == (total_tabs-1))
			{
				if(i == new_active_index)
				{
					document.getElementById('tab_end').style.background = 'url(./'+tab_image_path+'active_none'+tab_image_extension + ')';
				}
				else
				{
					document.getElementById('tab_end').style.background = 'url(./'+tab_image_path+'inactive_none'+tab_image_extension + ')';
				}
			}
		}
	}
	g_last_active_index = new_active_index;
}

function Ajax_GetTabBody(url)
{
	var ajaxObj = new Class_Ajax();

	//ajaxObj.data_obj.sample_var_one 	= sample_var_one;
	//ajaxObj.data_obj.sample_var_two 	= sample_var_two;

	//ajaxObj.SendRequest('index.php?param=process_ajax&');
	ajaxObj.SendRequest(url);
}

function Ajax_TabPageLoadedHandler(test_var)
{
	document.getElementById('tab_body_ajax').innerHTML = test_var;
}
