jQuery(document).ready(function() {
	
	var actualIndex = 0;
	var timeDelta = 5000;
	var t = setTimeout(showNext, timeDelta);
	
	//Navigation
	jQuery('#jqSlider #menu ul li').click( function() {
		showActiveTab(this.id);
		
		t = setTimeout(showNext, timeDelta*2);
	});
	
	
	//AutoPlay
	function showNext()
	{
		actualIndex++;
		if(actualIndex > 4)
			actualIndex = 0;
		
		activeMenuTabId = '';
			
		switch(actualIndex)
		{
			case 0:
				activeMenuTabId = 'define';
				break;
			case 1:
				activeMenuTabId = 'comply';
				break;
			case 2:
				activeMenuTabId = 'design';
				break;
			case 3:
				activeMenuTabId = 'build';
				break;
			case 4:
				activeMenuTabId = 'run';
				break;
		}
		
		showActiveTab(activeMenuTabId);
		t = setTimeout(showNext, timeDelta);
		
	}
	
	
	//Animation
	function showActiveTab( activeMenuTabId ) 
	{
		if(t)
			clearTimeout(t);
		
		var multiplier = 0;
		var menuId = activeMenuTabId;
		
		switch(menuId)
		{
			case 'define':
				actualIndex = 0;
				break;
			case 'comply':
				actualIndex = 1;
				break;
			case 'design':
				actualIndex = 2;
				break;
			case 'build':
				actualIndex = 3;
				break;
			case 'run':
				actualIndex = 4;
				break;
		}
		jQuery('#jqSlider #jqSliderContent .container').stop();
		jQuery('#jqSlider #jqSliderContent .container').animate( {left:'-'+(660*actualIndex)+'px'}, 1000);
		
		
		var activeTab = '';
		
		jQuery('#jqSlider #jqSliderContent .container div').each(function(index) {
			if(this.id == menuId)
				activeTab = jQuery(this);
		});
		
		jQuery('#jqSlider #jqSliderContent').animate( {height:jQuery(activeTab).height()+'px'}, 1000);
		
		jQuery('#jqSlider #menu ul li').each(function(index) {
			jQuery(this).removeClass('selected');
		});
		
		jQuery('#jqSlider #menu ul li#'+menuId).addClass('selected');
	}
});