var tablewidth="631px";
var tabimageslink="/content/img/";
var tabs=new Array("About Knowledge Bank","Branding","Data","Email","Marketing Automation","Search","Social Media");
// Array of values to be used on the Google Analytics event track attached to the tabs
var tracking = new Array("about","branding","data","email","mkt_auto","search","social_media");
//var tabs=new Array("About Knowledge Bank","Branding","Customer Insight","Data","Email","Marketing Automation","Search","Social Media");
var lastTabOnLine=5;
//==============================================================loadpage
function loadpage(){
	tabpages();
}

//==============================================================tabs
function tabpages(){	
	var p="";
	
	document.getElementById("tabouterdiv").style.width = tablewidth;
	
	for (var i=0;i<tabs.length ; i++) {	
		
		if (i==0){
			p+= "<div class='leftfloat'><img id='tabdivimgl"+i+"' src='"+tabimageslink+"tab2_bg_lefton.gif' height='31' border='0'/></div>"+
				"<div class='tabtitleon' id='tabdivtitle"+i+"' ><a href='#' class='tabpage' name='"+i+"'> "+tabs[i]+" </a></div>"+
				"<div class='leftfloat'><img id='tabdivimgr"+i+"' src='"+tabimageslink+"tab2_bg_righton.gif' width='5' height='31' border='0'/></div>";
		
		}else{
			if (i==lastTabOnLine){
				document.getElementById("tabtitleouter2").style.minHeight='62px';
				p+="<div class='leftfloat'><img height='31' border='0' src='/content/img/tab2_bg_leftoff.gif' id='tabdivimgr11'/></div>"+
				"<div class='tabtitletextborder'><img  src='"+tabimageslink+"tab2_bg_rightoffblankarea.gif' height='32' border='0'/></div>"+
				"<div class='clear'></div>";
			}
			
			p+= "<div class='leftfloat'><img id='tabdivimgl"+i+"' src='"+tabimageslink+"tab2_bg_leftoff.gif' width='4' height='31' border='0'/></div>"+
				"<div class='tabtitleoff' id='tabdivtitle"+i+"' ><a href='#' class='tabpage' name='"+i+"'> "+tabs[i]+" </a></div>"+
				"<div class='leftfloat'><img id='tabdivimgr"+i+"' src='"+tabimageslink+"tab2_bg_rightoff.gif' height='31' border='0'/></div>";
		}		
	}
	
	p+="<div class='leftfloat'><img id='tabdivimgr"+i+"' src='"+tabimageslink+"tab2_bg_leftoff.gif' height='31' border='0'/></div>";
	
	for (var k = 0; k < tabs.length ; k++) {
		document.getElementById("tabdiv"+k).style.display = "none";	
	}			
	
	$('.tabs').html(p);
	
	p= "<div class='tabbottomborder'><div class='leftfloat'><img src='"+tabimageslink+"tab2_botright.gif' /></div><div class='leftfloat'><img src='"+tabimageslink+"tab_botleft.gif' /></div></div>";
	
	//$('.tabbottomborderouter').html(p);

	document.getElementById("tabdiv0").style.display = "block";
	
	$(".tabpage").click(function(){
		
		// Fire off a Google Analytics event track
		var index = parseInt($(this).attr("name"));
		if(!isNaN(index)){
			pageTracker._trackEvent('homepage', 'kbtabs', tracking[index]);
		}
		
		writetabs($(this));
		
		return false;
	});	
	
	
	
}
function writetabs(obj)
{	
	for (var k = 0; k < tabs.length ; k++) {
		document.getElementById("tabdiv"+k).style.display = "none";	
		document.getElementById("tabdivtitle"+k).className = 'tabtitleoff';		
		document.getElementById("tabdivimgr"+k).src=tabimageslink+"tab2_bg_rightoff.gif";
		document.getElementById("tabdivimgl"+k).src=tabimageslink+"tab2_bg_leftoff.gif";
	}	
		
	//	$("#tabdiv"+obj.attr("name")).fadeOut('slow');	
	$("#tabdiv"+obj.attr("name")).fadeIn('slow');	
	document.getElementById("tabdiv"+obj.attr("name")).style.display = "block";
	document.getElementById("tabdivtitle"+obj.attr("name")).className = 'tabtitleon';
	document.getElementById("tabdivimgl"+obj.attr("name")).src=tabimageslink+"tab2_bg_lefton.gif";
	document.getElementById("tabdivimgr"+obj.attr("name")).src=tabimageslink+"tab2_bg_righton.gif";
}
//==============================================================listener
if (window.addEventListener)
	window.addEventListener('load', loadpage, false);
else if (window.attachEvent)
	window.attachEvent('onload', loadpage);