//var image;
//var imageId;
//var map;
var delay = 9000;
var tabs = new Array( 'why_invest', 'background', 'versabanq', 'in_the_media');
//var image = new Array( 'why_invest', 'background', 'versabanq', 'in_the_media');
var titles =  new Array( 'Introducing David Taylor, President & Chief Executive Officer','David Taylor video', 'Looking for $1 million to $100 million?', 'In the media');
var links = new Array( {href:"/about/overview/", target:""}, {href:"/investor/why/", target:""},{href:"/about/versabanq/index.php", target:""}, {href:"/about/media/", target:""});
var curTab = 0;
var prevTab = 0;
var defaultTab = 'why_invest';
//var curImage = 0;
var clicked = false;
var content;
var contentId;
var tabs_ul;
var first = true;
var fadingOut = false;

function updateMoreLink(imageNum)
{
	document.getElementById("more_link").href = links[imageNum].href;
	document.getElementById("more_link").target = links[imageNum].target;
}

function initTabContent(option)
{
	content = document.getElementById("content");
	tabs_ul = document.getElementById("tabs");
	contentId = "content";

	changeContent(option);
	setInterval("cycleContent()", delay);
}

function cycleContent()
{
	if( !clicked )
	{
		prevTab = curTab;
		curTab++;
		if(curTab >= 4)
		{
			curTab = 0;
		}
		update(tabs[curTab], false);
		
	}
}

function update(option, click)
{
	clicked = click;
	if( clicked )
	{
		fadingOut = false;
		setOpacity(content, 0 );
		changeClickedContent(option);
}
	else
	{
		fadeOut(contentId, 100);	
		changeContent(option);
	}
	//updateMoreLink(curImage);
}

function changeTabs(option)
{
	var prev_selected = document.getElementById(tabs[prevTab]);
	prev_selected.className = '';
	
	var cur_selected = document.getElementById(option);
	cur_selected.className = 'selected';

	tabs_ul.className = option;
}

function changeContent(option) 
{
	changeTabs(option);
	if( fadingOut )
		setTimeout("changeContent('" + option + "', false);", 10);
	else if( !clicked )
	{
		http.open('get', '/common/javascript/tabs.php?tab=' + option);
		http.onreadystatechange = handleResponse;
		http.send(null);
	}
}

function changeClickedContent(option)
{
	prevTab = curTab;
	changeTabs(option);
	switch(option){
		case 'why_invest':
			curTab = 0;
			break;
		case 'background':
			curTab = 1;
			break;
		case 'versabanq':
			curTab = 2;
			break;
		default:
			curTab = 3;
			break;
	}
	http.open('get', '/common/javascript/tabs.php?tab=' + option);
	http.onreadystatechange = handleResponse;
	http.send(null);	
}

function setOpacity(obj, opacity) {
	
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) 
{
	if (document.getElementById) 
	{
		obj = document.getElementById(objId);
		if (opacity <= 100) 
		{
			setOpacity(obj, opacity);
			opacity += 2;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 10);
		}
	}
}

function fadeOut(objId,opacity) 
{
	
	if (document.getElementById) 
	{
		obj = document.getElementById(objId);
		if (opacity >= 0) 
		{
			if( clicked )
			{
				opacity = 0;
				fadingOut = false;
			}
			fadingOut = true;
			setOpacity(obj, opacity);
			opacity = opacity - 2;
			window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 10);
		}
		else
			fadingOut = false;
	}
}

function donothing() 
{
	return;
}

//START AJX HERE
var http = createRequestObject();

function createRequestObject() {
	var ro;
	//var browser = navigator.appName;
	if(window.ActiveXObject) { //browser == "Microsoft Internet Explorer"){
		ro = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		ro = new XMLHttpRequest();
	}
	return ro;
}
	
function handleResponse() {
	if(http.readyState == 4){
		var response = http.responseText;
		
		var x = response.split("|"); 
		document.getElementById("content").innerHTML = x;
		fadeIn(contentId, 0);
	}
}
