$(document).ready(function() {
	var selectedTab = 0;
  $.each(['left', 'right'], function(i, v) {
  	$('div.banners ul').after('<a class="arrow '+v+'"></a>');
	});
  $('div.tabs').css({'display': 'block'});
  var color = $('div.tabs ul li a').css('color');
  $('div.tabs ul li').each(function(i) {
		$(this).addClass('tab_'+i);
		var li = $(this);
	  $.each(['active', 'overlay'], function(i, v) {
			li.prepend('<span class="'+v+'"></span>');
		});
	  $('div.tabs ul li.tab_'+i+' a').click(function() {
	  	updateTab(i);
			clearInterval(timer);
	  });
	  $('div.tabs ul li a').bind('mouseenter', function() {
	  	if (!$(this).parent().hasClass('tab_'+selectedTab))
				$(this).stop().css({color: 'white'});
	  });
	  $('div.tabs ul li a').bind('mouseleave', function() {
	  	if (!$(this).parent().hasClass('tab_'+selectedTab))
				$(this).css({color: color});
	  });
	});
	function updateTab(option)
	{
		if (option != selectedTab)
		{
			if (option == 'L')
				selectedTab == 0 ? selectedTab = 4 : selectedTab = selectedTab - 1
			else if (option == 'R')
				selectedTab == 4 ? selectedTab = 0 : selectedTab = selectedTab + 1
			else
				selectedTab = option;
			setTab(selectedTab);
			moveBanner(selectedTab);
		}
	}
	function setTab(i)
	{
  	$('div.tabs ul li span.active').hide();
  	$('div.tabs ul li span.overlay').css({opacity: .7});
  	$('div.tabs ul li a').css({
  		'color': color,
  		'cursor': 'pointer'
  	});
  	$('div.tabs ul li.tab_'+i+' span.active').css({'display': 'block'});
		$('div.tabs ul li.tab_'+i+' span.overlay').css({opacity: 1});
		$('div.tabs ul li.tab_'+i+' a').css({
			'color': 'white',
			'cursor': 'default'
		});
	}
  setTab(selectedTab);
	function moveBanner(i)
	{
		$('div.banners a.arrow').hide();
		var left = i * 975;
		$('div.banners ul').stop().animate({left: '-'+left}, 500,
	  function() {
			$('div.banners a.arrow').fadeIn(500);
	  });
	}
	$('div.banners a.arrow.left').click(function() {
		updateTab('L');
		clearInterval(timer);
	});
	$('div.banners a.arrow.right').click(function() {
		updateTab('R');
		clearInterval(timer);
  });
  timer = setInterval(function() {
  	updateTab('R');
  }, 5000);
});