var maxslides = 3;

var timer;

function tinterval(x) {

	var o = document.getElementById('tab'+x);

	var link = document.getElementById('ltab'+x);

	if (x == maxslides) {

		var old = x-1;

		timer = window.setTimeout('tinterval(1)', 20000);

	} else {

		if (x == 1) {

			var old = maxslides;

		} else {

			var old = x-1;

		}

		var y = x+1;

		timer = window.setTimeout('tinterval('+(x+1)+')', 20000);

	}

	

	var ol = document.getElementById('tab'+old);

	var olink = document.getElementById('ltab'+old);

	if (link != null && olink != null && ol != null && o != null) {

		link.className = "tab active";

		olink.className = "tab";

		ol.style.display = "none";

		o.style.display = "block";

		opacity('tab'+x, 50, 100, 1000);

	}

}



function initTabs()

{

	var oldtab;

	var sets = document.getElementsByTagName("ul");

	for (var i = 0; i < sets.length; i++)

	{

		if (sets[i].className.indexOf("tabset") != -1)

		{

			var tabs = [];

			var links = sets[i].getElementsByTagName("a");

			for (var j = 0; j < links.length; j++)

			{

				if (links[j].className.indexOf("tab") != -1)

				{

					tabs.push(links[j]);

					links[j].tabs = tabs;

					var c = document.getElementById(links[j].href.substr(links[j].href.indexOf("#") + 1));



					//reset all tabs on start

					if (c) if (links[j].className.indexOf("active") != -1) c.style.display = "block";

					else c.style.display = "none";



					links[j].onclick = function ()

					{

						var c = document.getElementById(this.href.substr(this.href.indexOf("#") + 1));

						if (c)

						{

							// opacity(oldtab, 100, 0, 500);

							clearInterval(timer);

							//reset all tabs before change

							for (var i = 0; i < this.tabs.length; i++)

							{

								document.getElementById(this.tabs[i].href.substr(this.tabs[i].href.indexOf("#") + 1)).style.display = "none";

								this.tabs[i].className = this.tabs[i].className.replace("active", "");

							}

							opacity(this.href.substr(this.href.indexOf("#") + 1), 50, 100, 1000);

							this.className += " active";

							c.style.display = "block";

							oldtab = this.href.substr(this.href.indexOf("#") + 1);

							return false;

						}

					}

				}

			}

		}

	}

}



if (window.addEventListener) {

	window.addEventListener("load", initTabs, false);

	window.addEventListener("load", tinterval(1), false);

	}

else if (window.attachEvent) {

	window.attachEvent("onload", initTabs);

	window.attachEvent("onload", tinterval(1));

}

	function opacity(id, opacStart, opacEnd, millisec) {

	    //speed for each frame

	    var speed = Math.round(millisec / 100);

	    var timer = 0;



	    //determine the direction for the blending, if start and end are the same nothing happens

	    if(opacStart > opacEnd) {

	        for(i = opacStart; i >= opacEnd; i--) {

	            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));

	            timer++;

	        }

	    } else if(opacStart < opacEnd) {

	        for(i = opacStart; i <= opacEnd; i++)

	            {

	            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));

	            timer++;

	        }

	    }

	}



	//change the opacity for different browsers

	function changeOpac(opacity, id) {

	    var object = document.getElementById(id).style;

	    object.opacity = (opacity / 100);

	    object.MozOpacity = (opacity / 100);

	    object.KhtmlOpacity = (opacity / 100);

	    object.filter = "alpha(opacity=" + opacity + ")";

	}