var slideShowTabs = new Array();
var currentSlideNum;
var advanceSlideTimeout;

function infoClick() {location.href = showHREFs[currentSlideNum];}

function tabClick() {

	clearTimeout(advanceSlideTimeout);
	advanceSlideTimeout = setTimeout('advanceSlide()', 3500);
	currentSlideNum = this.index;
	for (var prop in slideShowTabs) slideShowTabs[prop].elem.className = '';
	this.className = 'selected';
	document.getElementById('slideshow_head').innerHTML = showHeadings[currentSlideNum];
	document.getElementById('slideshow_desc').innerHTML = showDescriptions[currentSlideNum];
	document.getElementById('slideshow_image').src = showImages[currentSlideNum];

    jQuery('#sliderPaidAudience').hide();
	if (showPaidText[currentSlideNum]) {
	    var isPaid = showPaidText[currentSlideNum].length > 0;
	    if (isPaid) {
	        jQuery('#sliderPaidAudience').show();
	        jQuery('#sliderPaidAudience').attr("title", showPaidText[currentSlideNum]);
	    } 
	} 
}

function advanceSlide() {
	currentSlideNum++;
	if (currentSlideNum >= slideShowTabs.length) currentSlideNum = 0;
	slideShowTabs[currentSlideNum].elem.onmouseup();
}

function Tab(index) {

	this.elem = document.createElement('td');
	this.elem.onmouseup = tabClick;
	this.elem.index = index;	

	this.table = document.createElement('table');
	this.table.cellSpacing = '0';
	
	this.tBody = document.createElement('tbody');
	this.TR = document.createElement('tr');
	
	this.leftTD = document.createElement('td');
	this.leftTD.className = "tab_left";
	
	this.rightTD = document.createElement('td');
	this.rightTD.className = "tab_right";

	this.middleTD = document.createElement('td');
	this.middleTD.className = "tab_middle";
	this.middleTD.innerHTML = showNames[index];

	document.getElementById('slideshow_tabs').appendChild(this.elem);
	this.elem.appendChild(this.table);
	this.table.appendChild(this.tBody);
	this.tBody.appendChild(this.TR);
	this.TR.appendChild(this.leftTD);
	this.TR.appendChild(this.middleTD);
	this.TR.appendChild(this.rightTD);
}

function initSlideShow() {
	for (var prop in showNames) slideShowTabs.push(new Tab(prop));
	document.getElementById('slideshow_image').onmouseup = infoClick;
	document.getElementById('slideshow_info').onmouseup = infoClick;
	slideShowTabs[0].elem.onmouseup();
}