// JavaScript Document

var currentContent = 1;
var contentInterval;

$(document).ready(function(){
	$('#tabsContainer').tabs({ fxSlide: true, fxFade: true, fxSpeed: 'slow' });	
	$('#tabsContainer').bind('tabs-select', function(event, ui) {
     		/*ui.options; // options used to intialize this widget
     		ui.tab; // anchor element of the selected (clicked) tab
     		ui.panel; // element, that contains the contents of the selected (clicked) tab
     		ui.index; // zero-based index of the selected (clicked) tab*/
			alert(ui.index);
 		});
	
	//$(".welcome").corner("bottom");
	$(".featureNotSelected").corner("cc:#E2F5FF");
	//$("a.selected").corner("cc:#0A3E37");
	
	contentInterval = setInterval("changeContent()", 300000); /* speed of transition */
	setClickStates();
	setHoverStates();
});

function changeTabStyle(index){
	
	//alert(index + " tab selected");
	currentContent = index;
	
	if(currentContent > 1){
			$("li.feature").removeClass("featureSelected");
			$("li.feature").addClass("featureNotSelected");
			$("li#feature" + currentContent).addClass("featureSelected");
			$("li#feature" + currentContent).removeClass("featureNotSelected");
		}else{
			$("li.feature").removeClass("featureSelected");
			$("li.feature").addClass("featureNotSelected");
		}
}

function setClickStates(){
	$('li.feature p a').click(function(){
		
		if(currentContent > 1){
			$("li.feature").removeClass("featureSelected");
			$("li.feature").addClass("featureNotSelected");
			$("li#feature" + currentContent).addClass("featureSelected");
			$("li#feature" + currentContent).removeClass("featureNotSelected");
		}else{
			$("li.feature").removeClass("featureSelected");
			$("li.feature").addClass("featureNotSelected");
		}
	});
}

function setHoverStates(){
	$('.feature').hover(
      function () {
        clearInterval(contentInterval);
      }, 
      function () {
        contentInterval = setInterval("changeContent()", 300000); /* speed of transition */
      }
    );
	
	$('.welcome').hover(
      function () {
        clearInterval(contentInterval);
      }, 
      function () {
        contentInterval = setInterval("changeContent()", 300000); /* speed of transition */
      }
    );
}

function changeContent(){
	
	if(currentContent <= 3){
		currentContent += 1;
	}else{
		currentContent = 1;
	}
					
	$('#tabsContainer').triggerTab(currentContent); // triggers third tab
}