var t;
var defaultLinkIndex = -1;

function timedCount()
{	
	defaultLinkIndex = defaultLinkIndex + 1;	
	if (defaultLinkIndex == $("div.tabs").length) {
		defaultLinkIndex = 0;
	}

	$("div.tabs").eq(defaultLinkIndex).trigger('click');	
	$('a.navig').removeClass('start');
	$('a.navig').addClass('stop');
	$('a.navig').html('<small>Pause</small>');
	t = setTimeout("timedCount()", 10000);
}

function stopCount()
{
	clearTimeout(t);
	
}

$(function() {
	
	$('div.tabs').click(function() {
		
		if (!$(this).hasClass('open')) {
			
			if (!$(this).hasClass('selected')) {
				
				$('div.figure').fadeOut(500, function() {
					
					$('div.detail_box1').hide();
					
				});
				
				var curRel = $('a', $(this)).attr('rel');
				var curArr = curRel.split('_');
				var curIndex = parseFloat(curArr[1]);
				
				defaultLinkIndex = curIndex;
				
				if (curIndex == 1) {
					
					$('div.tabs').eq(0).animate( { right:'982px' }, 500, 'swing', function() {
						
						$('div.figure').eq(curIndex).fadeIn(200, function() {
							
							$('div.detail_box1').eq(curIndex).fadeIn('slow');
							
						});
						
					}).addClass('open');
					
				}
				else if (curIndex == 2) {
					
					$('div.tabs').eq(0).animate( { right:'982px' }, 500 ).addClass('open');
					$('div.tabs').eq(1).animate( { right:'953px' }, 500, 'swing', function() {
						
						$('div.figure').eq(curIndex).fadeIn(200, function() {
							
							$('div.detail_box1').eq(curIndex).fadeIn('slow');
							
						});
						
					}).addClass('open');
					
				}
				else if (curIndex == 3) {
					
					$('div.tabs').eq(0).animate( { right:'982px' }, 500 ).addClass('open');
					$('div.tabs').eq(1).animate( { right:'953px' }, 500 ).addClass('open');
					$('div.tabs').eq(2).animate( { right:'924px' }, 500, 'swing', function() {
						
						$('div.figure').eq(curIndex).fadeIn(200, function() {
							
							$('div.detail_box1').eq(curIndex).fadeIn('slow');
							
						});
						
					}).addClass('open');
					
				}
				
				$('div.tabs').removeClass('selected');
				$(this).addClass('selected');
				
			}
			
		}
		else {
			
			$('div.figure').fadeOut(500, function() {
					
				$('div.detail_box1').hide();
				
			});
			
			var curRel = $('a', $(this)).attr('rel');
			var curArr = curRel.split('_');
			var curIndex = parseFloat(curArr[1]);
			
			defaultLinkIndex = curIndex;
			
			if (curIndex == 2) {
				
				$('div.tabs').eq(2).animate( { right:'29px' }, 500, 'swing', function() {
					
					$('div.figure').eq(curIndex).fadeIn(200, function() {
							
							$('div.detail_box1').eq(curIndex).fadeIn('slow');
							
						});
					
				}).removeClass('open');
				
			}
			else if (curIndex == 1) {
				
				if ($('div.tabs').eq(2).hasClass('open')) {
					
					$('div.tabs').eq(2).animate( { right:'29px' }, 500 ).removeClass('open');
					
				}
				
				$('div.tabs').eq(1).animate( { right:'58px' }, 500, 'swing', function() {
					
					$('div.figure').eq(curIndex).fadeIn(200, function() {
							
							$('div.detail_box1').eq(curIndex).fadeIn('slow');
							
						});
					
				}).removeClass('open');
				
			}
			else if (curIndex == 0) {
				
				if ($('div.tabs').eq(2).hasClass('open')) {
					
					$('div.tabs').eq(2).animate( { right:'29px' }, 500 ).removeClass('open');
					
				}
				if ($('div.tabs').eq(1).hasClass('open')) {
					
					$('div.tabs').eq(1).animate( { right:'58px' }, 500 ).removeClass('open');
					
				}
				
				$('div.tabs').eq(0).animate( { right:'87px' }, 500, 'swing', function() {
					
					$('div.figure').eq(curIndex).fadeIn(500, function() {
							
							$('div.detail_box1').eq(curIndex).fadeIn('slow');
							
						});
					
				}).removeClass('open');
				
			}
			
			$('div.tabs').removeClass('selected');
			$(this).addClass('selected');
			
		}
		$('a.navig').removeClass('stop');
		$('a.navig').addClass('start');
		$('a.navig').html('<small>Play</small>');
		stopCount();
		return false;
		
	});
	
	$('a.navig').click(function() {
		
		if ($(this).hasClass('stop')) {
			
			$('a.navig').removeClass('stop');
			
			$('a.navig').addClass('start');
			$('a.navig').html('<small>Play</small>');
			stopCount();
			
		}
		else {
			
			$('a.navig').removeClass('start');
			
			$('a.navig').addClass('stop');
			$('a.navig').html('<small>Pause</small>');
			t = setTimeout("timedCount()", 10000);
			
		}
		
		return false;
		
		
	});
	
	timedCount();
	
});