function initTabs()
{
	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));

					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)
						{
							for (var i = 0; i < this.tabs.length; i++)
							{
								var tab = document.getElementById(this.tabs[i].href.substr(this.tabs[i].href.indexOf("#") + 1));
								if (tab)
								{
									tab.style.display = "none";
								}
								this.tabs[i].className = this.tabs[i].className.replace("active", "");
							}
							this.className += " active";
							c.style.display = "block";
							return false;
						}
					}
				}
			}
		}
	}
}
if (window.addEventListener)
	window.addEventListener("load", initTabs, false);
else if (window.attachEvent && !window.opera)
	window.attachEvent("onload", initTabs);
	
	
$(document).ready(function() {
	/* Main Slider */
	$('#slider').before('<div id="slidernav" class="slidernav rounded">').cycle({
		fx:     'fade',
		speed:  1000,
		timeout: 5000,
		pager:  '#slidernav',
		}).hover(
		function() {
			$(this).cycle('pause');	
		},
		function() {
			$(this).cycle('resume');	
		}
	);
	
	
	/* Carousel */
	function mycarousel_initCallback(carousel) {
	    // Disable autoscrolling if the user clicks the prev or next button.
	    carousel.buttonNext.bind('click', function() {
		   carousel.startAuto(0);
	    });
	
	    carousel.buttonPrev.bind('click', function() {
		   carousel.startAuto(0);
	    });
	
	    // Pause autoscrolling if the user moves with the cursor over the clip.
	    carousel.clip.hover(function() {
		   carousel.stopAuto();
	    }, function() {
		   carousel.startAuto();
	    });
	};

    $('#carousel').jcarousel({
        auto: 5,
	   scroll: 1,
	   animation: 1000,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
    
    /* Accordion */
    $(".person").mouseenter(function () {
     	  $(this).addClass("selected");
		  $("p.info",this).toggle('fast');
    });
	$(".person").mouseleave(function () {
		  $(this).removeClass("selected");
		  $("p.info",this).toggle('fast');
    });
});