// JavaScript Document
function tabObject(width, height, data){//add: td.w.middle, td.w.first, td.w.last
		this.width = width;
		this.height = height;
		this.data = data;
	}
	var tabs = Array();
	function drawTabsContainer(id, width, height, data){
		///var args = drawTabsContainer.arguments;
		tabs[id] = new tabObject(width, height, data);
	}
	
var arr=new Array();
arr[0]="images/inner_page_27.jpg";//Active - Tab1
arr[1]="images/featuredjobs.jpg";//Uncative - Tab1
arr[2]="images/featuredjob_over.jpg";//Over - Tab1
arr[3]="images/latestjob_active.jpg";//Active - Tab2
arr[4]="images/inner_page_29.jpg";//Uncative - Tab2
arr[5]="images/latestjob_over.jpg";//Over - Tab2
arr[6]="images/inner_page_28.jpg";// fix 1
arr[7]="images/inner_page_30.jpg";// fix 2

function getTab(tab_id, active_tab)
{
	var container = document.getElementById(tab_id);
	var str = '<table border="0" cellpadding="0" cellspacing="0" class="tabTable" width="' + tabs[tab_id].width + '" align=center><tr>';
	var tabCollection = tabs[tab_id].data;
	if (active_tab==tabCollection.length-1)
	{
		str+='<td width="119"><img src="'+arr[1]+'" width="119" height="28" onMouseOver="this.src='+"'"+arr[2]+"'"+'" onMouseOut="this.src='+"'"+arr[1]+"'"+'" onclick="getTab('+"'"+tab_id+"'"+',0)"></td>';
		str+='<td width="1"><img src="'+arr[6]+'" width="1" height="28""></td>';
		str+='<td width="119"><img src="'+arr[3]+'" width="119" height="28" ></td>';
	}
	else
	{
		str+='<td width="119"><img src="'+arr[0]+'" width="119" height="28" ></td>';
		str+='<td width="1"><img src="'+arr[6]+'" width="1" height="28""></td>';
		str+='<td width="119"><img src="'+arr[4]+'" width="119" height="28" onMouseOver="this.src='+"'"+arr[5]+"'"+'" onMouseOut="this.src='+"'"+arr[4]+"'"+'" onclick="getTab('+"'"+tab_id+"'"+',1)"></td>';
	}
	str += '<td width="132"><img src="'+arr[7]+'" width="132" height="28" alt=""></td></tr></table>';
	container.innerHTML = str;
	ajaxLoader(tabCollection[active_tab][2],tabCollection[active_tab][1]);
}

var arr1=new Array();
arr1[0]="images/active_01.gif";
arr1[1]="images/active_02.gif";
arr1[2]="images/active_03.gif";
arr1[3]="images/unactive_01.gif";
arr1[4]="images/unactive_02.gif";
arr1[5]="images/unactive_03.gif";
arr1[6]="images/active_04.gif";
arr1[7]="images/active_06.gif";
arr1[8]="images/unactive_07.gif";
function getTab1(tab_id, active_tab)
{
	var container = document.getElementById(tab_id);
	/*if(!container){
		alert('Container for '+tab_id+' tab not found');
		return;
	}*/
	var str = '<table border="0" cellpadding="0" cellspacing="0" class="tabTable" width="' + tabs[tab_id].width + '" align=center><tr>';
	var tabCollection = tabs[tab_id].data;
	if (active_tab==tabCollection.length-1)
	{
		for (i=0;i<active_tab;i++)
		{
			if (i==0)
				str+='<td width="12"><img src="'+arr1[3]+'" width="12" height="30" ></td>';
			else
				str+='<td width="24"><img src="'+arr1[5]+'" width="24" height="30" ></td>';
			str+='<td  background="'+arr1[1]+'" class="defaultTab1" onclick="getTab1(\''+tab_id+'\','+i+')"><nobr>'+tabCollection[i][0]+'</nobr></td>';
		}
		str+='<td width="24"><img src="'+arr1[6]+'" width="24" height="30" alt=""></td>';
		str+='<td  background="'+arr1[4]+'" class="activeTab1" onclick="getTab1(\''+tab_id+'\','+active_tab+')"><nobr>'+tabCollection[active_tab][0]+'</nobr></td>';
		str+='<td width="12"><img src="'+arr1[7]+'" width="12" height="30" ></td>';
	}
	else
		if (active_tab==0)
		{
			str+='<td width="12"><img src="'+arr1[0]+'" width="12" height="30" ></td>';
			str+='<td  background="'+arr1[4]+'" class="activeTab1" onclick="getTab1(\''+tab_id+'\',0)"><nobr>'+tabCollection[0][0]+'</nobr></td>';
			str+='<td width="24"><img src="'+arr1[2]+'" width="24" height="30" alt=""></td>';
			for(i=1;i<tabCollection.length;i++)
			{
				str+='<td  background="'+arr1[1]+'" class="defaultTab1" onclick="getTab1(\''+tab_id+'\','+i+')"><nobr>'+tabCollection[i][0]+'</nobr></td>';
				if (i==tabCollection.length-1)
					str+='<td width="12"><img src="'+arr1[8]+'" width="12" height="30" ></td>';
				else
					str+='<td width="24"><img src="'+arr1[5]+'" width="24" height="30" alt=""></td>';
			}
		}
		else
		{
			for(j=0;j<active_tab;j++){
				if (j==0)
					str+='<td width="12"><img src="'+arr1[3]+'" width="12" height="30" ></td>';
				else
					str+='<td width="24"><img src="'+arr1[5]+'" width="24" height="30" alt=""></td>';
				str+='<td  background="'+arr1[1]+'" class="defaultTab1" onclick="getTab1(\''+tab_id+'\','+j+')"><nobr>'+tabCollection[j][0]+'</nobr></td>';
			}
			i=active_tab;
			str+='<td width="24"><img src="'+arr1[6]+'" width="24" height="30" alt=""></td>';
			str+='<td  background="'+arr1[4]+'" class="activeTab1" onclick="getTab1(\''+tab_id+'\','+i+')"><nobr>'+tabCollection[i][0]+'</nobr></td>';
			str+='<td width="24"><img src="'+arr1[2]+'" width="24" height="30" alt=""></td>';
			for(i=active_tab+1;i<tabCollection.length;i++)
				{
					str+='<td  background="'+arr1[1]+'" class="defaultTab1" onclick="getTab1(\''+tab_id+'\','+i+')"><nobr>'+tabCollection[i][0]+'</nobr></td>';
					if (i==tabCollection.length-1)
						str+='<td width="12"><img src="'+arr1[8]+'" width="12" height="30" ></td>';
					else
						str+='<td width="24"><img src="'+arr1[5]+'" width="24" height="30" alt=""></td>';
				}
		}
	str += '</table>';
	container.innerHTML = str;
	ajaxLoader(tabCollection[active_tab][2],tabCollection[active_tab][1]);
}