var tabNumberCurrent = 1;
var tabNumberTotal = 3;
var tabNameContent = 'tab_content_';
var tabNameTab = 'tab_tab_';
var interval;
var milliseconds = 7000;

function control(op) {
	
	// Set or stop stop the interval
	clearInterval(interval);
	if (op) {
		interval = setInterval('tab()', milliseconds);
	}
	
	// Toggle all of the stop/play buttons
	if (tabNumberTotal > 0) {
		var i;
		var objPlay;
		var objPause;
		for (i = 1; i <= tabNumberTotal; i++) {
			objPlay = document.getElementById('play' + i);
			objPause = document.getElementById('pause' + i);
			if (objPause != null && objPlay != null) {
				if (!op) {
					objPause.style.display = 'none';
					objPlay.style.display = 'block';
				} else {
					objPause.style.display = 'block';
					objPlay.style.display = 'none';
				}
			}
		}
		delete objPause;
		delete objPlay;
		delete i;
	}
}

function showTab(tabNumber) {
	if (tabNumber != null) {
		if (!isNaN(tabNumber)) {
			tabNumberCurrent = parseInt(tabNumber);
			control(0);
			tab();
		}
	}
}

function tab() {

	// Check for content
	if (tabNameContent != null && tabNumberTotal != null && tabNumberCurrent != null) {

		// Check data type
		if (!isNaN (tabNumberTotal) && !isNaN (tabNumberCurrent)) {
			tabNumberTotal = parseInt(tabNumberTotal);
			tabNumberCurrent = parseInt(tabNumberCurrent);

			// Check for at least one total amount
			if (tabNumberTotal > 0) {
				if (tabNameContent != '' || tabNameTab != '') {

					// Loop through the tabs and toggle their display status
					var i = null;
					var objContent;
					var objTab;
					for (i = 1; i <= tabNumberTotal; i++) {
						if (tabNameContent != '') {
							objContent = document.getElementById(tabNameContent + i);
							if (objContent != null) {
								if (i != tabNumberCurrent) {
									objContent.style.display = 'none';
								} else {
									objContent.style.display = 'block';
								}
							}
						}
						if (tabNameTab != '') {
							objTab = document.getElementById(tabNameTab + i);
							if (objTab != null) {
								if (i != tabNumberCurrent) {
									objTab.className = '';
								} else {
									objTab.className = 'active';
								}
							}
						}
					}

					// Clean up
					objContent = null;
					i = null;
					delete objTab;
					delete objContent;
					delete i;
				}
			}

			// Check the maximum and minimum rotator
			tabNumberCurrent++;
			if (tabNumberCurrent < 1 || tabNumberCurrent > tabNumberTotal) tabNumberCurrent = 1;
		}
	}
}
