var interval = 8000;

tid = setTimeout('autoFade()', interval);

$(function(){
	$('.changeLink .changeClothe').live('click', function() {
		$('.topHeadContent .item .clothe').fadeIn('slow');
		$('.topHeadContent .item .hobby').fadeOut('slow');
		$('.topHeadContent .item .brand').fadeOut('slow');
		
		clearTimeout(tid);
		tid = setTimeout('autoFade()', interval);
	});
	
	$('.changeLink .changeHobby').live('click', function() {
		$('.topHeadContent .item .clothe').fadeOut('slow');
		$('.topHeadContent .item .hobby').fadeIn('slow');
		$('.topHeadContent .item .brand').fadeOut('slow');
		
		clearTimeout(tid);
		tid = setTimeout('autoFade()', interval);
	});
	
	$('.changeLink .changeBrand').live('click', function() {
		$('.topHeadContent .item .clothe').fadeOut('slow');
		$('.topHeadContent .item .hobby').fadeOut('slow');
		$('.topHeadContent .item .brand').fadeIn('slow');
		
		clearTimeout(tid);
		tid = setTimeout('autoFade()', interval);
	});
});

function autoFade() {
	if($('.topHeadContent .item .clothe').css('display') != 'none') {
		$('.topHeadContent .item .clothe').fadeOut('slow');
		$('.topHeadContent .item .hobby').fadeIn('slow');
		$('.topHeadContent .item .brand').fadeOut('slow');
	} else if($('.topHeadContent .item .hobby').css('display') != 'none') {
		$('.topHeadContent .item .clothe').fadeOut('slow');
		$('.topHeadContent .item .hobby').fadeOut('slow');
		$('.topHeadContent .item .brand').fadeIn('slow');
	} else if($('.topHeadContent .item .brand').css('display') != 'none') {
		$('.topHeadContent .item .clothe').fadeIn('slow');
		$('.topHeadContent .item .hobby').fadeOut('slow');
		$('.topHeadContent .item .brand').fadeOut('slow');
	}
	
	tid = setTimeout('autoFade()', interval);
}