$(document).ready(function() {
	$('div.body').css('height', $('#cntRightBg').css('height'));
	
	var sl = new Array();
	sl['middleLeft01'] = 'middleLeft02';
	sl['middleLeft02'] = 'middleLeft03';
	sl['middleLeft03'] = 'middleLeft01';
	
	var sll = new Array();
	sll['middleLeft01Link'] = 'middleLeft03';
	sll['middleLeft02Link'] = 'middleLeft01';
	sll['middleLeft03Link'] = 'middleLeft02';	
		
	var divToSlide = 'middleLeft01';
	
	if (document.getElementById('middleLeft02'))
	{
		setTimeout(function() {
			slideShow('');
		}, 5000);
	}
	
	$('ul.navi a').click( function() {
		return false;
    	divToSlide = sl[sll[$(this).attr('id')]];
		slideShow(sll[$(this).attr('id')]);
	});

	slideShow = function(divId)
	{
		ret = 0; 
		if ('' == divId)
		{
			divId = divToSlide;
		}
		else
		{
			ret = 1;
		}
		$('#middleLeft01Link').removeClass('sel');
		$('#middleLeft02Link').removeClass('sel');
		$('#middleLeft03Link').removeClass('sel');
		$('#' + sl[divId] + 'Link').addClass('sel');
		$('#' + sl[sl[divId]]).css('z-index', 1);
		$('#' + divId).css('z-index', 1);
		$('#' + sl[divId]).css('z-index', 2);
		$('ul.navi a').unbind('click');
		$('#' + sl[divId]).fadeIn(1500, function() {
			$('#' + sl[sl[divId]]).hide();
			$('#' + divId).hide();
			$('ul.navi a').click( function() {
			   	divToSlide = sl[sll[$(this).attr('id')]];
				slideShow(sll[$(this).attr('id')]);
			});
			if (1 == ret)
			{
				return false;
			}
			setTimeout(function() {
				divToSlide = sl[divId];
				slideShow('');
			}, 5000);
		});
	}
});